ASP.NET Core nullをAngular2 nullにバインドする方法は？

Question

だから私は.netコアとangular2で作られたWebアプリケーションを持っています。私のDBから私は通貨パラメータをangular2に送ります。今の通貨はNULLなので、angular2はstate.user.currency = nullになります。私のドロップダウンは、次のようになります。

<p>Currency</p> 
<select class="custom-select col-md-6" [(ngModel)]="state.user.currency"> 
    <option class="col-md-6" *ngFor="let currency of CURRENCIES" value="{{currency.id}}">{{currency.name}}</option> 
</select> 

通貨は以下のようになります。

public CURRENCIES: any = [ 
    { id: <any>null, name: "Original currencies" }, 
    { id: "EUR", name: "Euro" }, 
    { id: "USD", name: "US Dollar" }, 
    { id: "AUD", name: "Australian Dollar" } 
] 

私はangular2がnull私のドロップダウンとして通貨を取得するときに、「オリジナル通貨」としてのオプションを選択しなければならないだろうとしたいが、今私が手このようなただの空箱：

正しくNULL値をバインドする方法？

Answer 1

あなたは "ボックス" の表記を使用して、適切なバインディング式を使用してバインドする必要があります。[value]="currency.id"

コード：

<select class="custom-select col-md-6" [(ngModel)]="state.user.currency"> 
    <option class="col-md-6" *ngFor="let currency of CURRENCIES" [value]="currency.id">{{currency.name}}</option> 
</select>