versuchen ngMaterial zu verwenden, aber ich erhalte $ Injektor: modulerr Fehler

Question

ich mit Winkelmaterial heute beginnen, aber wenn ich ngMaterial in myproject verwenden möchte ich an error bekommen ...

Ich versuche, lokal und meine Absicht Winkelmaterial zu verwenden, ist sehr einfach:

<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Angular1.x/angular.min.js"></script> 
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-animate.min.js"></script> 
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-messages.min.js"></script> 
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-aria.min.js"></script> 
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-material.min.js"></script> 
<script type="text/javascript" src="/DesktopModules/mvc/Barrizon/LArticle/List/Resources/JS/Barrizon.LArticle.Settings.js"></script> 

und die letzten js: wie hier mein Problem lösen kann

<div ng-app="MyApp" class="buttondemoBasicUsage" ng-controller="AppCtrl" ng-cloak=""> 
    <md-content> 

     <section layout="row" layout-sm="column" layout-align="center center" layout-wrap=""> 
      <md-button>{{title1}}</md-button> 
      <md-button md-no-ink="" class="md-primary">Primary (md-noink)</md-button> 
      <md-button ng-disabled="true" class="md-primary">Disabled</md-button> 
      <md-button class="md-warn">{{title4}}</md-button> 
      <div class="label">Flat</div> 
     </section> 
    </md-content> 
</div> 

ich hinzufügen jedes Skript, das ich vermute: <md-button> mit (Barrizon.LArticle.Settings.js) ist, das schreibe ich meine benutzerdefinierte js drin:

angular.module('MyApp', ['ngAria', 'ngMessages', 'ngMaterial', 'material.svgAssetsCache']) 

.controller('AppCtrl', function ($scope) { 
    $scope.title1 = 'Button'; 
    $scope.title4 = 'Warn'; 
    $scope.isDisabled = true; 

    $scope.googleUrl = 'http://google.com'; 

}); 

ist jemand weiß, wie ich diesen Fehler passieren können?

Dank viel

Answer 1

Sie zusammen mit Ihrer benutzerdefinierten js, alle diese Skripte in Ihrem Code hinzufügen müssen

<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-messages.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-aria.js"></script> 
    <script src="http://ngmaterial.assets.s3.amazonaws.com/svg-assets-cache.js"></script> 

Plunker: http://plnkr.co/edit/ZWUIiLRaJOvC5WMrMZQq?p=preview