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

What is the best way to install Angular on Rails 4?

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

Angular js 是 javascript 构建单页应用程序的框架。当你想将它与 rails 一起使用时,你的前端将是 angular js,后端将是 postgresql 或 mysql 并且要将数据库与前端连接,你应该 rails 来处理来自用户端的请求。数据的响应将始终为 JSON。你只需要在前面处理 JSON 数据。

这意味着您的控制器只会给出 JSON 响应。为此你应该只有控制器和模型。

所以看看这里,这将指导您完成 angular js + rails 绑定,这是一个很好的组合,可以使用并且永远喜欢使用。

How to integrate Rails views with angularjs ng-view?

https://thinkster.io/angular-rails/

在 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 的文件夹,因为您已经为 rails api 创建了一个 test 文件夹 - 对吧?!

  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 文件夹中的模板。

就是这样。希望这对您有所帮助!