Angular-Material funktioniert nicht

Ich versuche eine eckige Material-App in Bezug auf das Tutorial "Erste Schritte" zu implementieren.Angular-Material funktioniert nicht

Stil

<link href="../node_modules/angular-material/angular-material.css" rel="stylesheet" />

Skripte

<script src="../node_modules/angular-animate/angular-animate.js" type="text/javascript" ></script> 
<script src="../node_modules/angular-aria/angular-aria.js" type="text/javascript" ></script> 
<script src="../node_modules/angular-material/angular-material.js" type="text/javascript" ></script> 

<script> 
    // Include the dependency upon ngMaterial - important !! 
    angular.module('starterApp', ['ngMaterial']); 
</script>

ich eine Symbolleiste & Schaltfläche hinzugefügt mit <md-toolbar> & <md-button> wie unten erwähnt:

<md-toolbar class="md-menu-toolbar"> 
    <div class="md-toolbar-tools"> 
     Toolbar 
    </div> 
</md-toolbar> 
<md-button class="md-fab" aria-label="FAB"> 
    button 
</md-button>

aber was ich sehe, ist nicht eckig Material Designs click here.

Habe ich etwas verpasst? Hier

Quelle

2016-08-11 Ashwin Kumar

hast du Winkelbibliothek in die Seite eingebunden? – MarkoCen

Ja, ich habe eckige Bibliothek hinzugefügt –

und haben Sie irgendwelche Fehler in der Konsole erhalten? – MarkoCen

ist die Antwort auf Ihre Frage ...

<html lang="en"> 
 
<head> 
 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script> 
 
    <script type="text/javascript"> 
 
     angular.module('starterApp', ['ngMaterial']); 
 
    </script> 
 
</head> 
 
<body ng-app="starterApp" ng-cloak> 
 
<md-toolbar class="md-menu-toolbar"> 
 
    <div class="md-toolbar-tools"> 
 
     Toolbar 
 
    </div> 
 
</md-toolbar> 
 
<md-button class="md-fab" aria-label="FAB"> 
 
    button 
 
</md-button> 
 
</body> 
 
</html>

Quelle

2016-08-31 05:38:04 Mohankumar

Angular-Material funktioniert nicht

Antwort

Verwandte Themen