2017-06-19 2 views
0

In meiner Seite habe ich drei Registerkarten, in meiner dritten Registerkarte habe ich ng-select-Tag verwendet. Ich möchte nur das 1.ng-select-Tag anzeigen und die anderen Tags nämlich 2. und 3. sollten ausgeblendet sein, bis ich die Daten in meinem 1.Tag auswähle. Hier ist das Bild als Referenz Click Here To Display The Image Und hier ist mein CodeWie blende ich die Daten in Angular2?

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

Antwort

2

ich ([ngModel]) und *ngIf dies zu tun, verwenden würde.

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

So ähnlich.

+0

es funktioniert, danke. –

Verwandte Themen