如何在Angular2中隐藏数据？

Question

在我的页面中，我有三个选项卡，在我的第三个选项卡中，我使用了ng-select标签。我只想显示1.ng选择标签，其他标签即2.和3.应该隐藏，直到我选择我的1.标签中的数据。下面是引用Click Here To Display The Image的PIC这里是我的代码

<ng-select [options]="options" class='filterDropDown' placeholder="Choose campaigns" [allowClear]="false" [multiple]='false' name="selectedCampaigns" style="width: 92%;margin-left: 10px;"> 
        </ng-select> <br/> 
        <ng-select [options]="options" class='filterDropDown' placeholder="Choose campaigns" [allowClear]="false" [multiple]='true' name="selectedCampaigns" style="width: 92%;margin-left: 10px;" [hidden]="selectedCampaigns"> 
        </ng-select> 
        <ng-select [options]="options" class='filterDropDown' placeholder="Choose campaigns" [allowClear]="false" [multiple]='true' name="selectedCampaigns" style="width: 92%;margin-left: 10px;" [hidden]="selectedCampaigns"> 
        </ng-select> 
        <button class="btn submitLogo" style="margin-top:15px;" (click)="compare()">Compare</button> 

Answer 1

我会用([ngModel])和*ngIf做到这一点。

<ng-select ([ngModel])=tab1 </ng-select> 
<ng-select ([ngModel])=tab2 *ngIf="tab1" </ng-select> 
<ng-select ([ngModel])=tab3 *ngIf="tab1" </ng-select> 

就是这样的。