在Rails 4上安装Angular的最佳方法是什么?

Ji *_*Lee 5 angularjs ruby-on-rails-4 angular-fullstack

我已经使用Rails填充了api,现在希望在Rails上安装像Angular这样的前端框架.我见过人们使用Gulp或Grunt这样做,但仍然不是100%.很想看看专家如何有效地将Angular和Rails叠加在一起.非常感激!

har*_*ell 2

在 Rails 上获取 AngularJS 非常简单,特别是如果您使用 Rails 作为 API 源。

  1. 将以下 gem 添加到您的 Gemfile 中: gem 'bower-rails' gem 'angular-rails-templates'
  2. 接下来bundle install安装 gem。

  3. 在您的文件夹中创建一个app/assets名为 的文件夹templates。这是您保存 AngularJS html 模板的地方。

  4. 将 package.json 和 Bower.json 放在项目根目录中。

  5. 创建一个名为 的文件夹,client-test因为您已经有一个test用于 Rails api 的文件夹 - 对吗?!

  6. 确保您正确package.json引用您的client-test文件夹。

相关scripts部分应如下所示:

"test": "node node_modules/karma/bin/karma start client-test/karma.conf.js", "test-single-run": "node node_modules/karma/bin/karma start client-test/karma.conf.js --single-run",

  1. 为了进行测试,您将需要使用karma-ng-html2js-preprocessor转换 app/assets/templates 文件夹中的模板。

就是这样。希望这可以帮助!