Скрыть панель поиска на определенном маршруте Angular6

Question

Я хочу отобразить ввод в моем заголовке, когда маршрут равен /home, и скрыть его, когда это что-то еще.Это то, что я уже пробовал, но это не работает должным образом.

.html

<div *ngIf="searchBarVisible">
    <input class="form-control" placeholder="Search">
</div>

.ts

searchBarVisible: boolean = false
constructor(private router: Router) {
    router.events.forEach((event) => {
      if (event instanceof NavigationStart) {
        if (event['url'] == '/home') {
          this.searchBarVisible = true
        } else {
          this.searchBarVisible = false
        }
      }
    });
  }

В чем проблема??Спасибо за ваше время!

Answer 1

Вы можете просто проверить router.url следующим образом:

isHome(): boolean {
    const check = this.router.url.indexOf('/home');
    if (check) {
        return true;
    }
    return false;
}

, а затем,

<div *ngIf="isHome()">
    <input class="form-control" placeholder="Search">
</div>