ngIf与路由 [英] ngIf with routing

问题描述

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

I need help figuring out how to do this with Angular 7:

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

这是视觉效果:

/anyRoute，显示item0

/route01，显示item1

/route02，显示item2

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

I am fairly new to all this and I seem to get confused with how to go about it.

谢谢.

推荐答案

在您的组件中

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>

这篇关于ngIf与路由的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！