AngularJS模块布线与材料设计CSS问题

我将尝试在angular js中集成材质设计和布线，但CSS设计不起作用。如果我会检查使用引导CSS，它的工作

如果我尝试这种方法，它会给我类似的错误

var scotchApp = angular.module('scotchApp', ['ngMaterial']);

错误

未捕获错误：[$injector:moduler] $injector/modulerr？p0=scotchApp&p1=Error…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A18%3A170）

App.JS

// create the module and name it scotchApp
// also include ngRoute for all our routing needs
// var scotchApp = angular.module('scotchApp', ['ngMaterial']); -- Not Working
var scotchApp = angular.module('scotchApp', ['ngRoute']);

// configure our routes
scotchApp.config(function ($routeProvider) {
    $routeProvider

        // route for the home page
        .when('/', {
            templateUrl: 'pages/home.html',
            controller: 'mainController'
        })

        // route for the about page
        .when('/about', {
            templateUrl: 'pages/about.html',
            controller: 'aboutController'
        })

        // route for the contact page
        .when('/contact', {
            templateUrl: 'pages/contact.html',
            controller: 'contactController'
        });
});

// create the controller and inject Angular's $scope
scotchApp.controller('mainController', function ($scope) {
    // create a message to display in our view
    $scope.message = 'Everyone come and see how good I look!';
});

scotchApp.controller('aboutController', function ($scope) {
    $scope.message = 'Look! I am an about page.';
});

scotchApp.controller('contactController', function ($scope) {
    $scope.message = 'Contact us! JK. This is just a demo.';
});

我尝试了很多方法，我不知道为什么CSS不起作用

偶数控制台没有给出任何错误

为什么CSS不起作用？

从以下内容开始：

var scotchApp = angular.module('scotchApp', ['ngRoute', 'ngMaterial']);

然后使用较新版本的angular和其他依赖项（它们应该是相同的）

将其与：，进行比较，它是有效的

我还将你的js引用移到了正文的末尾，并将“ngMaterial”注入到你的应用程序模块中

---

如您所见，

md按钮

指令起作用。

您的错误表明，喷油器找不到任何名为

ngMaterial

的模块。您是否已将此模块的脚本文件添加到页面中？