Angular 2 ngIf Auswahlfeld

<div class="form-group"> 
    <label class="col-md-4 control-label" for="is_present">Is Present?</label> 
    <div class="col-md-4"> 
    <select id="is_present" name="is_present" class="form-control" *ngIf="candidates.is_present === true"> 
     <option value="true">Yes</option> 
     <option value="false">No</option> 
    </select> 
    </div> 
</div>

Ich habe diesen Code in meiner HTML-Komponente. Ich erhalte eine boolesche Daten von API, ich würde gerne wissen, was die beste Möglichkeit ist, *ngIfselected in option Tag zu verwenden, wenn die API-Daten wahr oder falsch ist.Angular 2 ngIf Auswahlfeld

Quelle

2017-06-27 Victor Mendes

Welchen Wert werden Sie vom Server in 'ausgewählten' Variablen abrufen? –

Ich erhalte einen booleschen Wert. Ich aktualisierte die Frage –

dann nur '[(ngModel)] =" candidates.is_present "' zu Ihrer Auswahl, das ist es :) Sajeeth hat bereits eine Antwort gegeben. –

Verwenden Sie einfach candidates.is_present

<select id="is_present" [(ngModel)]="defaultValue" name="is_present" class="form-control"> 
     <option value="true">Yes</option> 
     <option value="false">No</option> 
</select>

und in TS-Datei,

if(candidates.is_present){ 
    this.defaultValue = 'Yes'; 
}else 
{ 
    this.defaultValue = 'No'; 
}

Quelle

2017-06-27 12:36:35 Sajeetharan

Aber, wenn die Daten wahr sind, wie man die gewählte Option zeigt? –

@VictorMendes können Sie wie oben tun – Sajeetharan

Leicht zu Rahul Antwort ändern, weil von dem, was ich verstehe, sind Sie einen Booleschen Wert empfängt, das nicht der Fall sollte sei gleich candidates.is_present. Daher speichern die Booleschen Wert einer Variablen, zB bool, und dann nur noch die [(ngModel)]="bool" in Ihrem wählen:

<select name="is_present" [(ngModel)]="bool" *ngIf="candidates.is_present"> 
    <option value="true">Yes</option> 
    <option value="false">No</option> 
</select>

Quelle

2017-06-27 12:47:16 Alex

, wie ich von Frage verstehen können Sie auf einige candidates.is_present den Wert im Auswahlfeld basierend auswählen möchten . Hier müssen Sie also die Daten mit [(ngModel)] = "candidates.is_present" binden und sicherstellen, dass FormsModule in Ihre Importe eingeschlossen wird. Wir verwenden * ngIf, wenn wir wollen, dass unser Element dom basierend auf einigen Bedingungen entfernt/hinzufügt. hope Sie haben die Antwort

Quelle

2017-06-27 12:48:22

Angular 2 ngIf Auswahlfeld

Antwort

Verwandte Themen