Question

尝试构建一个单页应用程序，它将有一个搜索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，因此我将结果从AppComponent传递给ResultsComponent。

然而，这不起作用。

我不确定其他人是否会这样做，但我仍然无法正确隐藏/显示div。

有人可以告诉我一个例如＆＃34; one page＆＃34;应用程序在Angular 2中使用隐藏/显示元素。

由于

Answer 1

尝试使用[hidden]。像这样的东西

<div class="container">
    <search [hidden]="!searchVisible"></search>
    <results [hidden]="!resultsVisible"></results>
</div>

Angular 2一页示例

1 个答案: