大佬教程收集整理的这篇文章主要介绍了Rails javascript资产表现奇怪,具体取决于路由,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习Rails,我想在我的项目中使用angular.
这是一个从头开始的简单应用程序.
1).创建一个新的rails应用程序:
rails new Hello_rails
2).将angular gem添加到Gemfile
gem 'angularjs-rails'
3).安装捆绑包
bundle install
4).在app / assets / javascripts / application.js中添加角度到javascript清单
//=require angular
5).生成欢迎索引
rails generate controller welcome index
6).使用角度Hello世界填充index.html.erb
BACkground-color: grey">
this is index.html.erb
Hello {{name}}
7).同时修改application.html.erb
title>HelloRailstitle>
<%= stylesheet_link_tag 'application',media: 'all','data-turbolinks-track' => true %>
<%= javascript_include_tag 'application','data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
BACkground-color:green">
This is application.html.erb
8).在config / routes.rb中设置root路由到welcome #index
root 'welcome#index'
运行这个 – 这很好.
这是我们得到的:
角度正在工作:
但是,如果我单击链接返回root_path它将停止工作
另外,如果我们在application.html.erb中添加一些角度,则屈服角度会停止工作.
最佳答案
我按照你的步骤配置角度,就像你一样.
我删除了turbolinks,这解决了第一个问题.第二个问题是由于错误使用ngApp
指令.
AngularJS ngApp文档
和
那就是说.您的代码中有两次ng-app =“”.并且由于一个应用程序只能被引导,所以application.html.erb中包含角度代码的第一个div可以工作,但index.html.erb中的另一个不会.
解决问题的方法是在你的< body>上放置ng-app =“”或者< html>您的application.html.erb中的标签可以根据您的需要而定. (如果你想要角度来操纵< head>部分中的标签,例如页面< title>,例如,只需在你的< html>标记上放置ng-app =“”.如果不是将它放在你的身体标签上.
title>HelloRailstitle>
<%= stylesheet_link_tag 'application','data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
BACkground-color:green" ng-app="">
This is application.html.erb
Hello {{home_namE}} at home
通过将ngApp放在< html>中来操作页面标题
title>{{home_namE}} | HelloRailstitle>
<%= stylesheet_link_tag 'application','data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
奇迹般有效!
以下是使用Angular with Rails并使用Angular正确配置turbolink的一些资源.
Resource 1
Resource 2
大佬总结
以上是大佬教程为你收集整理的Rails javascript资产表现奇怪,具体取决于路由全部内容,希望文章能够帮你解决Rails javascript资产表现奇怪,具体取决于路由所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。