如何在 Angular2 中隐藏数据？

Question

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

<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>

类似的东西。

如何在 Angular2 中隐藏数据？

How to Hide the data in Angular2?

html

typescript

angular2-template