javascript - angular等效于angularjs状态

在AngularJS中，出于路由目的，我们定义了带有子级的状态，这使得可以在 View 之间进行切换，从而使每个 View 始终在一个容器中呈现:

$stateProvider.state("communication.create-message", {
    url: ...,
    templateUrl: ...,
    menu: ...,
    parent: "communication",
    ncyBreadcrumb: {
        label: "Create Message"
    }
});

无论选择哪种状态- View 始终在具有ui-view属性的一个容器中呈现。

我试图在 Angular 2或更高版本中实现相同的功能，但是我不知道如何重现上述功能。

在app.component.ts中，我们使用router-outlet来渲染组件模板。

假设我们有许多嵌套的子路线-是否可以在此导出中渲染所有子路线？

在这种情况下，app-routing.module.ts中的代码是什么样的？

任何人都可以给出一个可行的例子来解决这个问题吗？

最佳答案

您的代码应如下

    export const ComRoute: Routes = [
{
path: 'communication-route',
children: [
{ path: 'communication', component: communicationComponent },
{ path: ':child1', component: child1Component },
{ path: ':child1/field', component: child1Component}
]
}
];

关于javascript - angular等效于angularjs状态，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46577340/

Communication

javascript - angular等效于angularjs状态