javascript - Ember.js - Pod 结构中的错误状态

Question

这是我在 àpp/pods 中的结构:

|-application
|-index
|-error
|-user
||-index
||-view
||-edit

发生错误时，ember 不会加载 error 路由。相反，它会尝试加载像 index_error 或 user_error 这样的子路由，但这些都不存在。

我如何强制 Ember 在出现任何错误时加载根 error 路由？

Ember v2.1Ember-Cli v1.13.8

Answer 1

您提供的结构实际上应该完全符合您所描述的要求。

看看this twiddle看一个例子。单击“查看用户”将转换到 user.view 路由，但单击“编辑用户”将在 user.edit 路由中引发异常，而不是让您进入错误 路由。

需要注意的一件事是，您不应自己在router.js 中添加错误路由。它接收转换错误作为其模型，因此如果您手动执行 this.route('error') 并且不给它一个动态段，转换将失败。

---

如果您希望更好地控制在任何 转换过程中发生错误时会发生什么，您可以在应用程序路由上实现error 操作。

actions: {
  error(thrownError) {
    this.transitionTo('my-error-route'); // Or whatever other handling you want
  }
}

您可以在 this twiddle 中看到此类安排的完整示例.请注意，这与 default error behavior 略有不同。因为它将产生一个完整的转换(即 URL 将被更新)而不是仅仅进入一个子状态。