即使我使用的是Angular版本1.3.0，也安装了Angular Material，“无法实例化模块ngMaterial”

Question

我非常沮丧，我使用的是mean.jsyeoman生成的应用程序，似乎无法启动和运行角材料。我阅读了有关材质设计Angularjs问题的另一个问题，无法实例化模块ngMaterial。所以我更新了bower.json文件并运行了bower update和bowerinstall。它仍然不起作用。在Bower更新期间，bower给了我此消息Unable to find a suitable version forangular, please choose one:，但是我始终选择Angular版本1.3.0或更高版本。 这是我的bower.json的副本：

{
  "name": "colign",
  "version": "0.0.1",
  "description": "Full-Stack JavaScript with MongoDB, Express, AngularJS, and Node.js",
  "dependencies": {
    "bootstrap": "~3",
    "angular": "~1.3",
    "angular-resource": "~1.3",
    "angular-mocks": "~1.3",
    "angular-bootstrap": "~0.11.2",
    "angular-ui-utils": "~0.1.1",
    "angular-ui-router": "~0.2.11",
    "angular-material": "~0.10.0"
  }
}

这是控制台错误消息：错误：[$injector：modulerr]由于以下原因而无法实例化模块ngMaterial：错误：[$injector：nomod]模块’ngMaterial’不可用！您可能拼错了模块名称，或者忘记了加载它。如果注册模块，请确保将依赖项指定为第二个参数。

Angular config.js文件：

'use strict';

// Init the application configuration module for AngularJS application
var ApplicationConfiguration = (function() {
    // Init module configuration options
    var applicationModuleName = 'colign';
    var applicationModuleVendorDependencies = ['ngResource', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ngMaterial'];

    // Add a new vertical module
    var registerModule = function(moduleName, dependencies) {
        // Create angular module
        angular.module(moduleName, dependencies || []);

        // Add the module to the AngularJS configuration file
        angular.module(applicationModuleName).requires.push(moduleName);
    };

    return {
        applicationModuleName: applicationModuleName,
        applicationModuleVendorDependencies: applicationModuleVendorDependencies,
        registerModule: registerModule
    };
})();

在此先感谢您的帮助！

Answer 1

角料，ngMaterial具有的依赖ngAria，并ngAnimate为好。您将需要加载它们。

angular.module('ngMaterial', ["ng","ngAnimate","ngAria", ...other material sub modules

您可以从aria和animate下载它。根据您的角度版本使用正确的版本。

同样，仅在项目中添加脚本还不够，您还需要将它们加载到html中。还要在ng-material脚本之前加载它们。