Ember-turbolinks是一个Ember.js插件，它允许在使用Turbolinks时保留Ember.js的状态。在这份教程中，我将向您介绍如何使用Ember-turbolinks。
环境要求
为了使用Ember-turbolinks，您需要安装以下工具和框架：
- Node.js
- npm
- Ember.js
安装Ember-turbolinks
您可以使用npm来安装Ember-turbolinks。只需打开您的终端并运行以下命令：
npm install --save-dev ember-turbolinks
配置Ember-turbolinks
在您的Ember.js应用程序中，您需要配置Ember-turbolinks。您可以在app.js文件中添加以下代码：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ ---------- ---- ------------- ------ ------ ---- ----------------------- ------ ------------------- ------------------- --------------------- --------- --------- --- ----- --- - -------------------------- ------------- -------------------- ---------------- ----------------------- -------- --- --------------------- --------------------- ------ ------- ----
这段代码执行以下操作：
- 导入Ember.js和Turbolinks。
- 导入config对象。
- 导入Ember-turbolinks。
- 启动Turbolinks。
- 强制Ember.js使用HTML5历史记录API。
- 实例化您的应用程序。
使用Ember-turbolinks
您可以使用Ember-turbolinks提供的routing-service服务来实现在使用Turbolinks时保留Ember.js的状态。
请看以下示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- --------------------
-------- -----------------------
-------- -
--------------- -
------------------------------------------- ----------------
-
-
---在这个例子中，我们使用了routing-service服务，并在didTransition生命周期钩子中设置了当前路由名称。
结论
现在，您已经学会如何使用Ember-turbolinks来保留Ember.js的状态。Ember-turbolinks是一个非常有用的工具，特别是在您的应用程序中使用Turbolinks的情况下，所以我建议您尝试使用一下。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1aa563576b7b1ecbf9