时间戳

首页 > 解决方案 > aurelia 中的子路由，要实现的附加 configureRoutes 或视口

aurelia - aurelia 中的子路由，要实现的附加 configureRoutes 或视口

问题描述

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

应用程序.js

|->首页

|->用户

|->学生

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

学生.js

|->列表

|-> 获取：id

|-> 添加

|-> 删除

|-> 编辑

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

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

标签： aurelia

解决方案

试试这个：

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

如果您有共享的内容或逻辑，您可以使用 compose 将其拆分。如果这不起作用，让我推荐视口策略，因为它更健壮。

对于子路由器，Aurelia 在您加载它们之前不知道子路由。这意味着如果您在学生/添加并且想要转到用户/家庭，您不能向路由器询问用户/家庭，因为它还不知道它。这在较大的应用程序中造成困难。

推荐阅读