Question

我使用angular4和在我的主页，不同的标题和其他页面不同的标题，但我已经在iPad上测试了我的应用程序这个基于路由的条件不起作用。在另一页显示两个标题。我检查了另一台所有设备这项工作正常。

我的Html代码是： -

<div *ngIf="router?.url == '/home'">
  <h2> Home page </h2>
</div>

<div *ngIf="router?.url != '/home'>
  <h2> Another pages </h2>
</div>

ts文件代码： -

import { Router } from '@angular/router';

constructor(private router: Router) {
}

请告诉我们。我的应用程序在iPad设备中无法正常工作。

Answer 1

我认为您需要导入ActivatedRoute

import { ActivatedRoute } from '@angular/router';

constructor(public router: ActivatedRoute ) {
}

然后像这样的条件

<div *ngIf="router.snapshot.url[0].path == 'home'; else AboutPage">
   <h2> Home page </h2>
</div>

<ng-template #AboutPage>
   <h2> Another pages </h2>
</ng-template>

希望这会有所帮助

基于路由的条件不适用于iPad设备angular4

1 个答案: