AngularJS材料導入後無法正常工作

我正在嘗試將Angular Material導入到我的項目中。我已閱讀了如何使用bower來完成此操作，並且所有需要的文件都已在bower_components之下。我創建了一個簡單的文件來測試一切正常，但我有一些問題。首先這裏是代碼：AngularJS材料導入後無法正常工作

<head> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.9.4/angular-material.min.css"> 
</head> 

<body ng-app="myApp"> 

    <div ng-controller="MyController"> 

     <md-button class="md-raised" style="background-color: #112233; 
       color: white;">Button</md-button> 

     <br /> 
     <md-input-container> 
      <label>Email</label> 
      <input type="email"> 
     </md-input-container> 
    </div> 


    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script> 

    <!-- Angular Material Javascript now available via Google CDN; version 0.9.4 used here --> 
    <script src="//ajax.googleapis.com/ajax/libs/angular_material/0.9.4/angular-material.min.js"></script> 
</body>

在這裏你可以看到什麼是輸出：CodePen 所以md-button正確渲染，但文本沒有顯示，而md-input-container沒有動畫label和input，你可以請參閱CodePen鏈接。我已經使用鏈接從網站的圖書館，而不是本地路徑只是爲了顯示結果..這是相同的。

我可能會錯過一些小事，但這些是我第一次嘗試使用AngularJS和Material，所以感謝您的理解！

那麼，我應該怎麼做才能使圖書館的工作，因爲它應該是？在此先感謝！

來源

2015-10-04 hardartcore

一個變化，則控制器沒有加載起來，結果該按鈕也不來了：

控制器代碼新（）函數是不正確

app.controller("LoginController", new function() { 

});

校正控制器代碼

app.controller("LoginController", function() { 

});

希望這有助於！

來源

2015-10-04 10:28:58 Cyril

是的，這是改變後的工作！感謝您的回答。 – hardartcore

AngularJS材料導入後無法正常工作

回答

相關問題