在开发Ember.js应用时，我们经常需要重新加载当前路由或重新获取数据以更新视图。本文将介绍如何在Ember.js中实现这一功能。
方法一：使用refresh方法
在Ember.js中，每个路由都有一个名为refresh的方法，它可以重新加载当前路由及其模板和控制器。我们可以通过在当前路由的控制器中调用this.refresh()来实现此目的。
示例代码：
------ ---------- ---- --------------------
------ ------- ----- ----------------- ------- ---------- -
-------------- -
---------------
-
-在上面的示例代码中，我们创建了一个名为refreshRoute的方法，在该方法中调用了this.refresh()。我们可以在模板中使用{{action}}助手将其与按钮等元素相关联。
------- -------- ----------------------- ------- --------------
方法二：使用transitionToRoute方法
另一个重新加载路由的方法是使用transitionToRoute方法。与refresh方法不同，transitionToRoute方法会强制重新执行beforeModel、model和afterModel钩子函数。这种方法可能更适合在需要重新验证用户身份或重新获取数据的情况下使用。
示例代码：
------ ---------- ---- --------------------
------ - ------ -- ------- - ---- -----------------
------ ------- ----- ----------------- ------- ---------- -
-------- -------
-------------- -
------------------------------------------------------------
-
-在上面的示例代码中，我们首先注入了router服务，然后创建了一个名为refreshRoute的方法，在该方法中使用transitionToRoute方法切换到当前路由。
结论
在本文中，我们介绍了Ember.js中重新加载当前路由的两种方法：使用refresh方法和transitionToRoute方法。无论你选择哪种方法，都需要根据具体情况进行权衡和选择。这些方法不仅适用于重新加载当前路由，也适用于其他路由的重新加载。
希望本文对您有所启发，让您更好地理解和使用Ember.js。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/29404