首页 > 解决方案 > 角度 ui-router 子状态动态

问题描述

我向你解释我的情况:我有一个使用 UIRouter 的 Angular 应用程序。有各种状态(主页、关于、发现、联系等)。我需要创建一个“关于”页面,其中包含 3 个子状态“about1”、“about2”、“about3”。这些状态由 PageComponent 管理,根据您要查看的状态,它会呈现一系列与该状态关联的部分组件。我要做的是转到“关于”状态,获取他孩子的动态链接列表,然后单击其中一个链接以查看孩子的内容。孩子可以是 3 岁或更多,他们的结构不一样,但它们之间的不同。我想,我想做的类似于 ui-router guide 上的示例(用于“人”状态),但我不太明白如何设置它。ui路由器示例:https://ui-router.github.io/ng2/tutorial/hellogalaxy

{
 name: 'app.about',
 url: '/about',
 params: {
     slug: {
     value: 'about',
     raw: true,
     }
 },
 component: PageComponent,
},
{
  name: 'app.about.child',
  url: '/:childSlug',
  component: ChildComponent
},


标签: javascriptangularangular-ui-router

解决方案


推荐阅读