aurelia 中的子路由,额外的 configureRoutes 或 viewports 来实现

Child routes in aurelia, additional configureRoutes or viewports to implement

我正在 aurelia 开发我的第一个应用程序。假设我的应用程序中有这个主导航:

app.js

|->家

|->用户

|->学生

例如,在我的学生页面中,我想要另一个导航:

students.js

|->列表

|-> get:id

|-> 添加

|-> 删除

|-> 编辑

现在我想我有两种方法。一种是在 students.js 中调用 configureRoutes 并在其子路由中使用它,或者在使用视口分组的 app.js 中定义所有子路由。

这两个哪个更好。有没有更好的解决方案?

试试这个:

{ route: 'students', redirect: 'students/list' },
{ route: 'students/list' },
{ route: 'students/get/:id' },
{ route: 'students/add' }

如果您有共享的内容或逻辑,您可以使用撰写将其分解。如果这不起作用,让我推荐视口策略,因为它更强大。

对于子路由器,Aurelia 在您加载它们之前不知道子路由。这意味着如果你在 students/add 并且想去 user/home,你不能向路由器询问 user/home 因为它还不知道。这会给大型应用程序带来困难。