javascript - 如何检测 Angular 路线组件

Question

我的 app.module.ts 中有以下 2 条路线:

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

在我的 app.component.html 中，我有以下组件和 socket :

<side-nav></side-nav>

<contact-agent></contact-agent>

<router-outlet></router-outlet>

我想显示 ListingView 的侧边导航和 PropertyDetail 的联系代理。

我怎样才能有条件地显示这些？我是否在 route 使用 data/title 属性？

类似于:

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

Answer 1

您可能需要考虑为侧边导航和联系代理定义辅助(也称为辅助)路线。然后您可以路由到该辅助导出中的适当内容。

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

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

<router-outlet name=secondaryInfo></router-outlet>
<router-outlet></router-outlet>