如何在rails中安装和使用angularJS插件

Question

我想在我的rails项目中使用这个angular-number-picker plugin。

我下载了.min.js文件和.js文件，并将其放入插件文件夹中。然后，我也包括在

/global_plugins.js

//= require global/plugins/angular-number-picker/angular-number-picker.min.js 

的JS，然后我也它注入到我的应用程序的依赖

/app.js

var app = angular.module('fotograft', ['ngResource', 'angular-loading-bar', 'cgBusy', 'ngFileUpload', 'MessageCenterModule', 'rails', 'Devise', 'google.places', 'ui.sortable','checklist-model', 
'textAngular', 'angularMoment', '720kb.socialshare', 'ngSanitize', '720kb.tooltips', 'angular-md5', 'angularUtils.directives.dirPagination', 'infinite-scroll', 'datatables', 'datatables.bootstrap', 
'ngResource', 'frapontillo.bootstrap-switch', 'angular-bootstrap-select','angular-number-picker', 'angular-bootstrap-select.extra', 'ngTextTruncate', 'chart.js', 'timer', 'siyfion.sfTypeahead']) 

的问题是当我试图加载任何页面时，页面不会响应。于是，我就查看控制台和调试，错误是

Error: [$injector:modulerr] http://errors.angularjs.org/1.3.16/$injector/modulerr? 

我截断错误消息的其余部分，因为他们是那种长，看起来乱码。

所以，我想问一下我在这里错过了什么？我从作者的网页上看到，我需要将src添加到html页面的插件中，但是我不知道应该在哪个页面中包含它。

如果有任何rails和angularJS开发人员可以帮助我，请欣赏它这里。非常感谢你。

Answer 1

如果仔细检查您提供的link in the source code，它看起来像您必须注册的模块名称应该是angularNumberPicker而不是angular-number-picker。

所以，你希望你的app.js模块注册表看起来像这样：

var app = angular.module('fotograft', ['ngResource', 'angular-loading-bar', 'cgBusy', 'ngFileUpload', 'MessageCenterModule', 'rails', 'Devise', 'google.places', 'ui.sortable','checklist-model', 'textAngular', 'angularMoment', '720kb.socialshare', 'ngSanitize', '720kb.tooltips', 'angular-md5', 'angularUtils.directives.dirPagination', 'infinite-scroll', 'datatables', 'datatables.bootstrap', 'ngResource', 'frapontillo.bootstrap-switch', 'angular-bootstrap-select','angularNumberPicker', 'angular-bootstrap-select.extra', 'ngTextTruncate', 'chart.js', 'timer', 'siyfion.sfTypeahead']);