Question

我对Angular 2+和UI路由器有点问题。

我的应用程序中有1个（在所有系统中只有1个）ui-view。当我声明所有根状态时，一切都是好的和魔法，但是当我声明子状态时，那不会加载组件。 URL更改但组件未显示。

我的代码是： App.component.html：

<div>
  <ui-view></ui-view>
</div>

国家声明：

export const Ruteo: Ng2StateDeclaration[] = [
 { name: 'repartidores', url: '/Repartidores', component: RepartidoresComponent },
 { name: 'repartidores.alta', url: '/Nuevo', component: RepartidoresAltaComponent },
 { name: 'repartidores.modi', url: '/Modificar/{i}', component: RepartidoresModiComponent },

 { name: 'ayuda', url: '/Ayuda', component: AyudaComponent }
];

App.module.ts

imports: [
BrowserModule,
UIRouterModule.forRoot({ states: Ruteo, useHash: true, config: Configurar }),
HttpModule,
FormsModule
],

我希望所有路线都显示应用程序组件ui-view中的组件。

对不起，我的英语非常糟糕......

谢谢。

Answer 1

我希望它只适用于后者。

UI-Router视图放置在由父状态创建的ui视图中。您必须为要放置的子项创建ui-view，或者您可以使用视图定位来定位在根模板中创建的ui-view。

您可以在此处阅读有关视图定位的详细信息：https://ui-router.github.io/docs/latest/interfaces/ng1.ng1statedeclaration.html#views

Angular 2 UI路由器不显示视图

1 个答案: