AngularJS,如何安装带有bower的ngMaterial?

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

我很难安装新材料。我正在使用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-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
文件。