2016-07-16 17 views
1

私は今日角度材料の使用を開始するが、私はmyprojectにでngMaterialを使用したいとき、私はan errorを取得し...

私はローカルの角度材料を使用しようと私の意図非常に簡単です:<md-button>を使用して:

<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> 

と最後のJS:

<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> 

私はここに私のような問題を解決することができます疑いがあるすべてのスクリプトを追加(Barrizon.LArticle.Settings.js)が、私はそこに私のカスタムJSを書きされています

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'; 

}); 

誰もが、私はこのエラーを渡すことができる方法を知っているのですか?あなたはカスタムJSと一緒にあなたのコード内のすべてのこれらのスクリプトを追加する必要が

おかげでたくさん

+1

http://stackoverflow.com/a/ 36086506/949476 – dfsq

答えて

1

<script data-require="[email protected]" 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

関連する問題