ruby-on-rails - AngularJS html5mode 和 rails 路由

标签 ruby-on-rails angularjs

我已经关注了 HTML5Mode 在 1.5 中破坏 Angular 应用程序的所有 github 问题。我遇到了同样的问题,但没有一个修复对我有用。

我正在执行以下操作:

<base href="/">

get '/*path', :to => "menus#index"

app.config(function($routeProvider, $locationProvider) {
 $locationProvider.html5Mode(true);
 .when("/users/:u_id/restaurants/:r_id/menus/:m_id/edit", { templateUrl: "/assets/menus/edit.html", controller: "MenuSectionCtrl" })
 .when("/users/:u_id/restaurants/:r_id/menus/:m_id/sections/:sec_id/items", { templateUrl:   "/assets/menus/items.html", controller: "MenuItemCtrl" })
 .when("/users/:u_id/restaurants/:r_id/menus/:m_id/sections/:sec_id/items/:i_id/option_sections", { templateUrl: "/assets/menus/option_sections.html", controller: "MenuOptionSectionCtrl" })
 .when("/users/:u_id/restaurants/:r_id/menus/:m_id/sections/:sec_id/items/:i_id/option_sections/:op_sec_id/options", { templateUrl: "/assets/menus/options.html", controller:       "MenuOptionCtrl" })
});

我不知道下一步该做什么。我已经尝试了路由和 base[href] 的所有组合。

有人有什么想法吗?

此外,我也遵循了本教程。 http://omarriott.com/aux/angularjs-html5-routing-rails/

最佳答案

试试这个链接 http://start.jcolemorrison.com/angularjs-rails-4-1-and-ui-router-tutorial/

如果您只安装了单个 angularjs 应用程序,那么它非常简单。您需要在 routes.rb 中创建此条目

get '*path' => 'application#index'

然后在您的 application.controller 中更改索引方法,如下所示

def index
  render layout: 'application'
end

关于ruby-on-rails - AngularJS html5mode 和 rails 路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23033388/

相关文章:

javascript - 使用 angularjs 渲染星级评分系统

ruby-on-rails - 将文件作为 multipart/form-data 发布到 Rails API

ruby-on-rails - 在Heroku Cedar堆栈上运行rake db:drop db:create db:migrate

ruby-on-rails - 性能:最小化数据库命中

ruby-on-rails - 使用 Paperclip 进行简单裁剪

javascript - 在 Protractor 中添加 Cookie 以测试 AngularJS

ruby-on-rails - 测试:没有路由匹配 {:action= >"show", :controller= >"users", :id=>nil}

python - JSON 中的大整数被 Angular 而不是 CURL 损坏?

javascript - 模拟 Angular JS Controller Jasmine

javascript - ng-repeat - 如何避免复制 div 的输入内容