ngIf与路由

时间:2019-04-16 09:09:31

标签: angular7 show-hide

我需要帮助弄清楚如何使用Angular 7做到这一点:

IF route = page, THEN SHOW item1 OR item2; else SHOW item0

这是视觉效果:

/anyRoute, show item0

/route01, show item1

/route02, show item2

我对这一切还很陌生,我似乎对如何处理感到困惑。

谢谢。

1 个答案:

答案 0 :(得分:0)

在您的组件中

import { Routes, Router } from 'node_modules/@angular/router';

export class YourComponent implements OnInit{
     constructor(public router: Router ) {
    }
}

在HTML中:

<ng-container *ngIf="router.url.includes('route01')">
    <p>Item0</p>
</ng-container>