如何在子路径URL中路由组件

Question

我要显示这样的组件：

AppComponent> ProductsComponent

AppComponent> AddProductComponent

ProductsComponent出现在AppComponent的{​​{1}}内部，路线为<router-outlet [routes]="Routes.all"></router-outlet>。那是工作。

我尝试将/products的页面路由到/products/add的{​​{1}}中，但是在AppComponent中却得到了一个空白页面：

<router-outlet [routes]="Routes.all"></router-outlet>

“奇怪”，尝试此操作时我会看到该页面：

route_paths.dart

如何在class RoutePaths { … static final products = RoutePath(path: 'products'); … static final add_products = RoutePath(path: '${products.path}/add'); …} 的{​​{1}}内以路线class RoutePaths { … static final products = RoutePath(path: 'products'); … static final add_products = RoutePath(path: '${products.path}/add/new'); …} 显示AddProductComponent？

为什么它不能按预期工作？