Question

我的app.module.ts中有以下两条路线：

const appRoutes: Routes = [
      {path: 'property/:id', component: PropertyDetailComponent},
      {
        path: 'properties',
        component: ListingViewComponent,
        data: { title: 'Properties List' }
      },
      { path: '',
        redirectTo: '/properties',
        pathMatch: 'full'
      }
    ];

在我的app.component.html中，我有以下组件和插座：

<side-nav></side-nav>

<contact-agent></contact-agent>

<router-outlet></router-outlet>

我想展示为ListView和侧面导航的PropertyDetail。

我如何有条件地展示这些？我是否在路由中使用data / title属性？

类似的东西：

<div *ngIf="title === 'Properties List'">
<contact-agent></contact-agent>
</div>

Answer 1

您可能需要考虑为side-nav和contact-agent定义辅助（也称为辅助）路由。然后，您可以路由到该二级插座中的相应内容。

您可以在此处找到有关辅助路线的更多信息：https://angular.io/docs/ts/latest/guide/router.html#!#secondary-routes

但基本上，html看起来像这样：

j will_paginate

如何检测角度中的路径分量

1 个答案: