我非常沮丧,我使用的是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的副本:
bower update
bowerinstall
Unable to find a suitable version forangular, please choose one:
{ "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 }; })();
在此先感谢您的帮助!
角料,ngMaterial具有的依赖ngAria,并ngAnimate为好。您将需要加载它们。
ngMaterial
ngAria
ngAnimate
angular.module('ngMaterial', ["ng","ngAnimate","ngAria", ...other material sub modules
您可以从aria和animate下载它。根据您的角度版本使用正确的版本。
同样,仅在项目中添加脚本还不够,您还需要将它们加载到html中。还要在ng-material脚本之前加载它们。
ng-material