【问题标题】:AngularJS Material not displayedAngularJS 材质未显示
【发布时间】:2017-11-14 00:14:15
【问题描述】:

我正在尝试使用以下代码学习如何使用 AngularJS 和 AngularJS Material:

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

但是,不显示材质。我的代码可能有什么问题?

浏览器中的控制台没有给我任何错误。

【问题讨论】:

    标签: angularjs angularjs-material


    【解决方案1】:

    刚刚试用了您的代码,它在 Chrome、FireFox 和 Safari 上运行良好。

    顺便说一句,你有一个额外的;在结束脚本标记之前

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

    我建议您检查您的角度和角度材料版本, 或检查您的 .js 文件中是否存在问题。

    【讨论】:

    • 多余的分号应该不是问题。但是我可以尝试创建新项目并且它可以工作。
    猜你喜欢
    • 1970-01-01
    • 2018-06-17
    • 2018-03-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多