个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试在我的应用程序中使用 Turbolinks 的 Angularjs 框架。页面更改后，它不会初始化新的事件监听器。有什么办法让它发挥作用吗？提前致谢!
最佳答案
Turbolinks 以及 AnguluarJS 都可以用来使 Web 应用程序响应更快，从某种意义上说，响应用户交互，网页上会发生一些事情无需重新加载和重新渲染整个页面。
它们在以下方面有所不同:
AngularJS 可帮助您构建丰富的客户端应用程序，您可以在其中编写大量在客户端计算机上运行的 JavaScript 代码。此代码使网站能够与用户交互。它使用 JSON API 与服务器端后端(即 Rails 应用程序)进行通信。
Turbolinks 有助于使网站具有交互性，而无需您编写 JavaScript 代码。它允许您坚持在服务器端运行的 Ruby/Rails 代码，并且仍然“神奇地”使用 AJAX 来替换(从而重新呈现)页面中已更改的部分。
Turbolinks 的强大之处在于允许您使用这种强大的 AJAX 机制，而无需手动执行任何操作，只需编写 Ruby/Rails 代码，随着您的应用程序的增长，可能会出现一个阶段，您希望集成 JavaScript 框架，例如 AngularJS 。
特别是在这个中间阶段，您希望将 AngularJS 成功集成到您的应用程序中，一次一个组件，因此同时运行 Angular JS 和 Turbolinks 是非常有意义的。
在 Angular 代码中，有一行定义应用程序模块，如下所示:
# app/assets/javascripts/angular-app.js.coffee
# without turbolinks
@app = angular.module 'MyApplication', ['ngResource']
此代码在页面加载时运行。但由于 Turbolinks 只是替换页面的一部分并阻止整个页面加载，因此您必须确保 Angular 应用程序已正确初始化(“引导”)，即使在 Turbolinks 完成此类部分重新加载之后也是如此。因此，将上述模块声明替换为以下代码:
# app/assets/javascripts/angular-app.js.coffee
# with turbolinks
@app = angular.module 'MyApplication', ['ngResource']
$(document).on 'turbolinks:load', ->
angular.bootstrap document.body, ['MyApplication']
您经常在教程中看到如何通过在 HTML 代码中使用 ng-app 属性来自动引导 Angular 应用。
<!-- app/views/layouts/my_layout.html.erb -->
<!-- without turbolinks -->
<html ng-app="YourApplication">
...
但是将此机制与上面所示的手动引导一起使用会导致应用程序引导两次，因此会阻止应用程序。
因此，只需删除此 ng-app 属性即可:
<!-- app/views/layouts/my_layout.html.erb -->
<!-- with turbolinks -->
<html>
...
关于ruby-on-rails - 将 angularjs 与 Turbolink 一起使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14797935/
25
4
0
以下是一个非常简单的ruby服务器。 require 'socket' local_socket = Socket.new(:INET, :STREAM) local_addr = Socket.
我正在使用 OS X(使用 bash)，并且是 unix 的新手。我想知道是否可以修改一些文件以便运行 ruby 程序，我不需要“ruby file.rb”，而是可以运行“ruby.rb”。 有理
我在用 Ruby 替换字符串时遇到一些问题。 我的原文:人之所为不如兽之所为。 我想替换为:==What== human does is not like ==what== animal does.
我想在一个循环中从 Ruby 脚本做这样的事情: 写一个文件a.rb(每次迭代都会改变) 执行系统(ruby 'a.rb') a.rb 将带有结果的字符串写入文件“results” a.rb 完成并且
我的问题是尝试创建一个本地服务器，以便我可以理解由我的新团队开发的应用程序。我的问题是我使用的是 Ruby 2.3.3，而 Gemfile 需要 2.3.1。我无法编辑 Gemfile，因为我被告知很
我有一个使用 GLI 框架用 Ruby 编写的命令行实用程序。我想在我的主目录中配置我的命令行实用程序，使用 Ruby 本身作为 DSL 来处理它(类似于 Gemfile 或 Rakefile)。 我
我的 Rails 应用 Controller 中有这段代码: def delete object = model.datamapper_class.first(:sourced_id =>
我正在寻找的解析器应该: 对 Ruby 解析友好， 规则设计优雅， 产生用户友好的解析错误， 用户文档的数量应该比计算器示例多， UPD:允许在编写语法时省略可选的空格。 快速解析不是一个重要的特性。
我刚开始使用 Ruby，听说有一种“Ruby 方式”编码。除了 Ruby on Rails 之外，还有哪些项目适合学习并被认可且设计良好？ 最佳答案 Prawn被明确地创建为不仅是一个该死的好 PDF
我知道之前有人问过类似的问题，但是我该如何构建一个无需在前面输入“ruby”就可以在终端中运行的 Ruby 文件呢？ 这里的最终目标是创建一个命令行工具包类型的东西。现在，为了执行我希望用户能够执行的
例如哈希a是{:name=>'mike',:age=>27,:gender=>'male'}哈希 b 是 {:name=>'mike'} 我想知道是否有更好的方法来判断 b 哈希是否在 a 哈希内，而
我是一名决定学习 Ruby 和 Ruby on Rails 的 ASP.NET MVC 开发人员。我已经有所了解并在 RoR 上创建了一个网站。在 ASP.NET MVC 上开发，我一直使用三层架构:
最近我看到 Gary Bernhardt 展示了他用来在 vim 中执行 Ruby 代码的 vim 快捷方式。捷径是 :map ,t :w\|:!ruby %. 似乎这个方法总是执行系统 Rub
在为 this question about Blue Ruby 选择的答案中，查克说: All of the current Ruby implementations are compiled to
我有一个 Ruby 数组 > list = Request.find_all_by_artist("Metallica").map(&:song) => ["Nothing else Matters"
我在四舍五入时遇到问题。我有一个 float ，我想将其四舍五入到小数点后的百分之一。但是，我只能使用 .round ，它基本上将它变成一个 int，意思是 2.34.round # => 2. 有没
我使用 ruby on rails 编写了一个小型 Web 应用程序，它的主要目的是上传、存储和显示来自 xml(文件最多几 MB)文件的结果。运行大约 2 个月后，我注意到 mongrel 进程
我们如何用 Ruby 转换像这样的字符串: 𝑙𝑎𝑡𝑜𝑟𝑟𝑒 收件人: Latorre 最佳答案 s = "𝑙𝑎𝑡𝑜𝑟𝑟𝑒" => "𝑙𝑎𝑡𝑜𝑟𝑟𝑒" s.u
通过 ruby monk 时，他们偶尔会从左侧字段中抛出一段语法不熟悉的代码: def compute(xyz) return nil unless xyz xyz.map {|a,
不确定我做错了什么，但我似乎弄错了。 问题是，给你一串空格分隔的数字，你必须返回最大和最小的数字。 注意:所有数字都是有效的 Int32，不需要验证它们。输入字符串中始终至少有一个数字。输出字符串必须
我是一名优秀的程序员,十分优秀！