Question

在我的app.component.html上，如果有特定路线，我有条件显示组件：

app.component.html

<div *ngIf="router.url === '/home'">
  <app-slider></app-slider>
</div>

app.component.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
...
constructor(public router: Router) {}

此功能在首次加载页面时有效，但是当我转到另一条路线然后又返回原路线时，它不会加载，因此我必须重新加载页面才能显示该组件。

我该如何解决？

Answer 1

您可以每次检查激活的路线。

import { ActivatedRoute } from '@angular/router';
constructor(public activatedRoute: ActivatedRoute) {
    this.activatedRoute.url.subscribe(res => {
    // array of route parts here
    });
}

角组件条件仅在重新加载页面时显示

1 个答案: