Угловое 2 - компонент директивы Переключение в зависимости от страницы

Question

Допустим, у меня есть Главная, О и Расширенный поиск страниц. В моем AppComponent HTML У меня есть это:

<view-header></view-header> 
<view-search></view-search> 
<router-outlet></router-outlet> 
<view-footer></view-footer> 

Довольно просто. Сначала я загружаю html моего заголовка, а затем html моего поиска по умолчанию, а затем снова и снова.

Как я уже говорил ранее, у меня есть страница Поиск. Очевидно, что я не хочу показывать свою директиву view-search, потому что это довольно бесполезно, когда вы находитесь в . Расширенный поиск.

Так что мой вопрос: Как я могу сказать Angular2, чтобы отключить директиву поиска при переходе на мой ? Расширенный поиск страница?

---

Edit 1

Другими словами, я хочу сделать что-то вроде этого:

<view-header></view-header> 

<!-- If (not in route "/search") --> 
    <view-search></view-search> 
<!-- Endif --> 

<router-outlet></router-outlet> 
<view-footer></view-footer> 

Answer 1

Вы можете просто использовать ngIf (или связываться с [hidden]) в шаблоне:

<view-header></view-header> 
<view-search *ngIf="showViewSearch"></view-search> 
<router-outlet></router-outlet> 
<view-footer></view-footer> 
<router-outlet></router-outlet> 

Где вы будет определять showViewSearch, как

constructor(private activatedRoute: ActivatedRoute) { 
    this.showViewSearch = activatedRoute.component !== Search 
} 

Так viewSearch компонент визуализируется только если текущий маршрут не поиск.