将angular-chart.js添加到Rails application.js文件

问题描述:

我试图在每个github说明的Angular on Rails应用程序中设置angular-chart.js。但文档不是专门针对Rails的,所以我遇到了错误。将angular-chart.js添加到Rails application.js文件

安装指令:http://jtblin.github.io/angular-chart.js/

作为参考,

  1. 通过亭子安装,bower install angular-chart.js --save
  2. 加入作为依赖性,angular.module('myModule', ['chart.js']);

文档然后建议然后添加<script src="bower_components/angular-chart.js/dist/angular-chart.js"></script>,但如果我添加此行(想想因为使用Rails),则找不到此文件。

由于应用程序是Rails的Angular ontop,因此我认为它需要添加到Rails application.js文件中。否则会出现角度为no module的错误。

但我不确定究竟需要添加到application.js。我已经试过:

  • chart.js之
  • 角chart.js之
  • 角图表

(由//= require开头)

但一切结果在Rails错误,

Sprockets::FileNotFound in Boards#index 
couldn't find file 'chart.js' with type 'application/javascript' 

有没有办法找出需要添加到application.js的具体内容?或者以其他方式解决这个问题?

(道歉,如果这是很难效仿。)

+1

尝试使用宝石'browsify' –

+0

接过来一看 - 所以'browserify-rails'让您刚刚'require'的'bower','npm'包在'application.js'无需担心Rails资产管道? (担心这是有点超过我的头) –

+1

是的,那就是那宝石=) –

您可以使用宝石browserify-rails(如你在讨论中提到)轻松回升凉亭/ Node.js的包。将宝石纳入宝石文件,bundle install,然后将npm/bower软件包安装到应用程序中。

gem 'browserify-rails'