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材料没有显示

回答

相关问题