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

时间:2015-02-12 23:21:25

标签: angularjs ruby-on-rails-4 angular-fullstack

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

2 个答案:

答案 0 :(得分:2)

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

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

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

  4. 将package.json和bower.json放在项目根目录下。

  5. 创建一个名为templates的文件夹,因为您的rails api已有client-test文件夹 - 对吗?

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

  7. 相关的client-test部分应如下所示:

    scripts

    1. 要进行测试,您需要使用"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", 转换app / assets / templates文件夹中的模板。
    2. 那就是它。希望这有帮助!

答案 1 :(得分:1)

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

这意味着您的控制器将只提供JSON响应。为此你应该只有控制器和型号。

所以看看这里,这将引导你通过角度js + rails绑定,它是一个很好的组合使用和喜欢使用。

How to integrate Rails views with angularjs ng-view?

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

相关问题