AngularJS,如何安装带有bower的ngMaterial?
我很难安装新材料。我正在使用RubyonRails和BowerGem。以下是我所拥有的: 鲍威尔:AngularJS,如何安装带有bower的ngMaterial?,angularjs,angular-material,Angularjs,Angular Material,我很难安装新材料。我正在使用RubyonRails和BowerGem。以下是我所拥有的: 鲍威尔: asset 'bootstrap-sass-official' asset 'angular-animate', '~> 1.6' asset 'angular-ui' asset 'angular-sanitize' asset 'angular-mocks', '~> 1.6' asset 'angular-route', '~> 1.6' asset 'angular-re
asset 'bootstrap-sass-official'
asset 'angular-animate', '~> 1.6'
asset 'angular-ui'
asset 'angular-sanitize'
asset 'angular-mocks', '~> 1.6'
asset 'angular-route', '~> 1.6'
asset 'angular-resource', '~> 1.6'
asset 'angular-messages', '~> 1.6'
asset 'angular-material'
asset 'angular', '~> 1.6'
myapp_app.js
var app = angular.module(
'argumentation',[
'ngRoute',
'ngResource',
'templates',
'ngAnimate',
'ngMaterial'
]);
执行rake-bower:install
后,当我打开页面时,出现以下错误:
Error: [$injector:modulerr] Failed to instantiate module argumentation due to:
[$injector:modulerr] Failed to instantiate module ngMaterial due to:
[$injector:nomod] Module 'ngMaterial' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.6.1/$injector/nomod?p0=ngMaterial
我试图找到拼写错误,但没有发现(有人能看到拼写错误吗?)
我注意到:http://errors.angularjs.org/1.6.1/$injector/nomod?p0=ngMaterial
角度材质的最新版本是1.1.1
,链接中有1.6.1。
这可能是问题所在,但我不知道如何解决这个问题
错误报告还提到,我应该添加依赖项:如果注册模块,请确保将依赖项指定为第二个参数
。但我不知道必须添加哪些依赖项以及如何添加
有人能帮我吗
编辑:
我将版本添加到ngMaterial,但仍然存在相同的错误:
asset 'bootstrap-sass-official'
asset 'angular-animate', '~> 1.6'
asset 'angular-ui'
asset 'angular-sanitize'
asset 'angular-mocks', '~> 1.6'
asset 'angular-route', '~> 1.6'
asset 'angular-resource', '~> 1.6'
asset 'angular-messages', '~> 1.6'
asset 'angular-material', '~> 1.1.1'
asset 'angular', '~> 1.6
“编辑2:
正如atulquest93所评论的,我忘了将角度材质添加到js文件中。现在,发生了另一个错误,即未找到ngAria。我添加了ngAria,现在,它似乎起作用了,但由于某种原因,背景颜色变为白色
感谢atulquest93
鲍威尔:
asset 'bootstrap-sass-official'
asset 'angular-animate', '~> 1.6'
asset 'angular-ui'
asset 'angular-sanitize'
asset 'angular-mocks', '~> 1.6'
asset 'angular-route', '~> 1.6'
asset 'angular-resource', '~> 1.6'
asset 'angular-messages', '~> 1.6'
asset 'angular-material', '~> 1.1.1'
asset 'angular', '~> 1.6'
application.js
//= require jquery
//= require jquery_ujs
//= require angular
//= require angular-animate
//= require angular-route
//= require angular-resource
//= require angular-material
//= require angular-aria
//= require angular-rails-templates
//= require_tree ./templates
//= require_tree .
只是仔细检查一下:您是否在HTML中通过
包含了ngMaterial.js
文件?不,但我不必对所有其他资产都这样做。这是ngMaterial的例外吗?不是!顺便说一句,1.1.1
绝对是angular material的最新版本,但1.6.1
指的是您正在使用的angular material的最新版本。。所以,也许您想尝试为您的Bowerfile中的角度材质指定1.1.1
?(我不熟悉使用Bower w/Ruby,所以这只是一个建议。)您需要将material.js
文件包含在代码中。只需仔细检查:您是否通过
在HTML中包含ngMaterial.js
文件?不,但我不必对所有其他资产都这样做。这是ngMaterial的例外吗?不是!顺便说一句,1.1.1
绝对是angular material的最新版本,但1.6.1
指的是您正在使用的angular material的最新版本。。所以,也许您想尝试为您的Bowerfile中的角度材质指定1.1.1
?(我不熟悉使用Bower w/Ruby,所以这只是一个建议。)您需要在代码中包含material.js
文件。