角度2 ngIf選択ボックス

Question

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

私のHTMLコンポーネントにこのコードがあります。私はAPIからブール値のデータを受け取りました。*ngIfを使用してselectedをoptionタグに追加する最良の方法を知りたいのですが、APIデータが真または偽の場合。

Answer 1

私が理解から、あなたはいけないですブール値を受信して​​いるためだけで、少しラーフルの答えに変更、

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

Answer 2

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

とTSファイルでの使用candidates.is_presentと同じである必要があります。そのため、変数にブール値を格納例えばbool、その後、ちょうどあなたの選択で[(ngModel)]="bool"を持っている：

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

Answer 3

私は質問から理解できるようあなたには、いくつかのcandidates.is_presentに基づいて選択ボックスで値を選択します。したがって、ここでは[（ngModel）] = "candidates.is_present"を使用してデータをバインドする必要があります。また、インポートにFormsModuleを含めるようにしてください。私たちは要素をいくつかの条件に基づいてdomに追加/削除するときに* ngIfを使います。答えがあります。