将Angularjs与rails集成

时间:2013-08-09 16:08:59

标签: ruby-on-rails ruby angularjs single-page-application

我需要一些指导来弄清楚如何将Angular合并到内部轨道中。

选择Rails的原因:我喜欢他们采用的opionated方法来做正确的事情。迁移,宝石真的很酷。

棱角分明的原因:我正在研究和寻找最适合SPA的框架。 Backbone似乎太抽象了。我可以选择在Angular&烬。我开始先阅读Angular,这对我来说很有意义。所以我从来没有读过关于余烬的文章。

Angular& amp;的原因Rails:我研究并尝试使用像葡萄一样的小规模框架(是的,我也使用php)。但我认为需要坚持使用轨道长期项目。而且我个人喜欢用铁路做事。

所以这是我需要帮助的地方,

我在Rails 4中有rails项目。

登录,注册所有内容都是在Michael Hartl教程中创建的。根据我的要求调整了东西。

因此,在用户控制器的显示操作后,将显示登录后或后注册步骤。

我想我需要不同的布局文件,所以我分别为外页和内页创建了相同的文件。

我不知道如何继续我想要使用角度模板和路由为我的单页应用程序(它驻留在登录后)。如果有另一种方式,我很灵活。我只需要一个指南,如何使用rails无轨地使用rails控制器来处理我的休息请求,并使用angular提供的路由在SPA中导航。

希望我很清楚。随意编辑这个。

5 个答案:

答案 0 :(得分:1)

来自ryan bates的一个很棒的轨道广播:http://railscasts.com/episodes/405-angularjs

这里也是轨道广播的来源,你可以从那里得到想法:

https://github.com/railscasts/405-angularjs

答案 1 :(得分:1)

我不熟悉SPA,但我一直在研究集成rails和angularjs的教程,我正在逐步完善它。它可能会在这里提供一些答案 - 特别是我使用角度路由来提供您描述的单页应用程序:http://technpol.wordpress.com/2013/09/03/angularjs-and-rails-tutorial-index/

答案 2 :(得分:1)

我建议你不要将角度混合到你的rails应用程序中。保持两者分开。

因此,您可以将整个角度应用程序放在rails应用程序的公共文件夹中,或者将其完全远离rails应用程序。这更像是面向服务的体系结构,其中rails应用程序充当后端,用作api和前端(Angular应用程序)消耗该API。

有很多很好的文章介绍如何处理身份验证/授权 在使用REST API的angularjs中。Authentication with AngularJS and a Node.js REST api

来到rails侧构建REST API,Grape是一个不错的选择。 Here是一个很好的系列,解释了一些关于葡萄的最佳实践。

HTH!

答案 3 :(得分:1)

我建议你看看tutorial: How to Wire Up Ruby on Rails and AngularJS as a Single-Page Application。我已经将它用于一些个人项目,所以我确信它是截至2014年底的最新版本。如果你想查看它的实际操作,可以前往http://goodmatches.herokuapp.com,你可以查看{{ 3}}

答案 4 :(得分:0)

尝试half-pipe gem,这使得使用bower更轻松地管理javascripts资产。