ngIf与路由

问题描述 投票:0回答:1

我需要帮助搞清楚如何使用Angular 7:

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

这是一个视觉:

/anyRoute, show item0

/route01, show item1

/route02, show item2

我对这一切都很陌生,我似乎对如何解决这个问题感到困惑。

提前致谢。

angular7 show-hide
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.