Angular 2 Пример одной страницы

Пытаясь создать одностраничное приложение, он будет иметь div поиска, а затем div.

export class AppComponent implements OnInit{

    // Div visability.
    searchVisible = true;
    resultsVisible = false;
}


<div class="container">
        <search *ngIf="searchVisible == true"></search>
        <results [resultsVisible]="resultsVisible" *ngIf="resultsVisible == true"></results>
</div>

После того, как компонент результатов вернет данные из формы поиска, он переключит resultsVisible на true, поэтому я передаю результатыVisible из AppComponent в ResultsComponent.

Однако это не работает.

Я не уверен, что если другие люди это сделают, но у меня все еще есть проблемы с тем, чтобы скрыть/показать divs правильно.

Может кто-нибудь, пожалуйста, покажет мне пример того, как приложение "одна страница" работает в Angular 2 с скрытием/отображением элементов.

благодаря