So richten Sie Angular Material für AngularJS ein 1.3.0

Question

Ich versuche Angular Material in eine App zu implementieren, die Angular 1.3.0 (die niedrigste Version, die Angular Material unterstützt) verwendet.

Ich habe eine index.php, die Folgendes enthält:

<script src="bower_components/jquery/jquery.min.js"></script> 
<!-- Angular Material style sheet --> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.min.css"> 
<script src="bower_components/angular/angular.min.js"></script> 
<!-- Angular Material requires Angular.js Libraries --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-animate.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-aria.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-messages.min.js"></script> 

In meinem app.js Ich habe die neue ngMaterial zu den Modulen Abschnitt weiter unten hinzugefügt ..

var myApp = angular.module('myApp', [ 'myControllers', 'myFilters', 'myServices', 'myDirectives', 
    'ui.calendar', 'ngMaterial']); 

Wenn Ich führe die App im Browser aus Ich erhalte den folgenden Fehler im Konsolenprotokoll, der beim Klicken auf den folgenden Fehler auf der Angular-Website angezeigt wird:

Module 'ngMaterial' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Kann jemand vorschlagen, warum es nicht richtig geladen wird?

Answer 1

Sie nur angular-material.min.css Datei hinzugefügt. muss die angular-material.min.js Datei auch hinzufügen. Fügen Sie dieses Skript zum Index hinzu

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.3/angular-material.min.js"></script>