aurelia中的子路由,要实施的其他configureRoutes或视口

时间:2018-12-02 09:59:36

标签: aurelia aurelia-router

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

app.js

|->家

|->用户

|->学生

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

students.js

|->列表

|-> get:id

|->添加

|->删除

|->编辑

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

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

1 个答案:

答案 0 :(得分:2)

尝试以下方法:

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

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

对于子路由器,Aurelia在加载子路由之前不了解子路由。这意味着,如果您在学生/添加中并想去用户/家庭,则无法向路由器询问用户/家庭,因为它尚不知道。这会导致在较大的应用程序中出现困难。