5

I have populated api using Rails and now wish to mount a front-end framework like Angular on Rails. I've seen people using Gulp or Grunt to do this, but still not 100%. Would love to see how experts efficiently stack Angular and Rails together. Much appreciated!

4

2 回答 2

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

而已。希望这可以帮助！

于 2015-02-13T17:53:18.947 回答
1

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

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

所以看看这里，这将引导你完成 Angular js + rails 绑定，它是一个很好的组合，可以使用并且永远喜欢使用。

如何将 Rails 视图与 angularjs ng-view 集成？

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

于 2015-02-13T17:33:41.643 回答