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 因为它还不知道。这会给大型应用程序带来困难。
我正在 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 因为它还不知道。这会给大型应用程序带来困难。