ruby-on-rails - Rails + AngularJs 网络应用程序

标签 ruby-on-rails angularjs

<分区>

我打算创建一些 AngularJS/Rails 应用程序,但我是 AngularJS 开发的新手。所以,我有一个问题:我应该将我的项目分成两部分:第一部分只是 HTML/CSS/JS 代码,第二部分是 Rails API?我也可以完成 Rails 项目中的所有工作。我应该选择什么?提前致谢!

最佳答案

个人觉得比较干净的方法是把html文件放在public文件夹下。此外,这将使将 Angular 路由指向您的 html 文件变得更容易,因为您不必将 .erb 与您的 javascript 混合,这还使您能够在任何地方使用纯 coffeescript(很遗憾,您不能制作 .coffee.erb 文件)。

我所有 Angular 应用程序的文件夹结构如下:

Angular 咖啡文件:

app/assets/javascripts/angular/

在那里我有单独的文件夹用于 Controller 服务和指令。在 Controller 文件夹中,我使用与 Rails Controller 文件夹中相同的命名空间。

因此,如果有一个内容命名空间,其中包含点赞和媒体 Controller ,那么它在 Angular 文件夹中看起来是一样的。

Angular 模板文件:

public/templates/

public/templates 中,我保留了 .html 文件,我遵循命名文件夹和文件的 rails 方式,并保留命名空间。因此,如果用户文件夹有一个索引页和一个显示页,那么我还有 show.htmlindex.html

这里有一些很好的例子,人们在这些例子中制作了 Angular - Rails 应用程序:

CafeTownsend

Rails4-AngularJs example

关于ruby-on-rails - Rails + AngularJs 网络应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27753060/

相关文章:

mysql - Rails 和 Mysql2 拒绝用户 'root' @'localhost' 访问(使用密码 : NO)

ruby-on-rails - Carrierwave - 如果未上传图像,则保存 nil

javascript - Angular UI-Router 组件无法正常工作

javascript - AngularJS:仅当输入字段中有值时才显示列表

javascript - 表单提交上的 CSS/JQuery/Angular 转换

ruby-on-rails - 如何为单个请求或代码块绕过 Rails.cache?

javascript - 有没有办法使用 :remote => true? 从 link_to 标记调用 Rails 3 函数

ruby-on-rails - 无法连接到 Heroku API,请检查互联网连接并重试

javascript - 如何在自定义过滤器中添加多个参数?

javascript - (Angular-ui-router) 在解析过程中显示加载动画