AngularJS材料沒有顯示

我想學習如何使用使用如下代碼AngularJS和AngularJS材質：AngularJS材料沒有顯示

<!doctype html> 
<html lang="en"> 
<head> 
    <script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-animate/angular-animate.min.js"></script> 
    <script src="bower_components/angular-route/angular-route.min.js"></script> 
    <script src="bower_components/angular-aria/angular-aria.min.js"></script> 
    <script src="bower_components/angular-material/angular-material.js"></script> 

    <script> 
    angular.module('F1FeederApp', [ 'ngMaterial' ]).controller('driversController', 
      function($scope) { 
      }).config(
      function($mdThemingProvider) { 
       $mdThemingProvider.theme('default').primaryPalette('pink') 
         .accentPalette('orange'); 
      }); 
    ; 
    </script> 

    <!-- default themes and core styles --> 
    <link rel="stylesheet" 
     href="bower_components/angular-material/angular-material.css"> 
</head> 
    <body ng-app="F1FeederApp"> 
     <md-content> 
      <md-toolbar class="md-tall md-accent"> 
       <h2 class="md-toolbar-tools"> 
       <span>Toolbar: tall (md-accent)</span> 
       </h2> 
      </md-toolbar> 

      <ng-view></ng-view> 
     </md-content> 

     <script src="js/app.js"></script> 
     <script src="js/services.js"></script> 
     <script src="js/controllers.js"></script> 
    </body> 
</html>

但是，不顯示材料。我的代碼有什麼問題？

控制檯在瀏覽器不給我任何錯誤。

來源

2016-01-21 Rendy

嘗試使用此[在線AngularJS材料表單生成器]（http://material-builder.independent-software.com/）來玩弄Material的指令並查看它們的配置方式。 –

剛剛嘗試過您的代碼，它在Chrome，FireFox和Safari上正常工作。

順便問一下，你有一個額外的;你結束腳本標籤

<script> 
angular.module('F1FeederApp', [ 'ngMaterial' ]).controller('driversController', 
     function($scope) { 
     }).config(
     function($mdThemingProvider) { 
      $mdThemingProvider.theme('default').primaryPalette('pink') 
        .accentPalette('orange'); 
     }); 
; 
</script>

之前，我建議你檢查你的角度和角速度材料版本，或者檢查是否有在你的.js文件有問題。

來源

2016-01-26 10:59:14

額外的分號應該不是問題。不過，我可以嘗試創建新的項目，它的工作原理。 – Rendy

AngularJS材料沒有顯示

回答

相關問題