角度2は、私のような異なった選択とフォームを持っている

Question

をintに選択値をキャスト：

<select [(ngModel)]="selected.isConnected" (ngModelChange)="formChanged()" name="etat" id="etat" class="form-control"> 
    <option value="0">Not connected</option> 
    <option value="1">Connected</option> 
</select> 

私のバックエンドは「をisConnected」属性にint型を受け取ることを期待します。残念ながら、すぐに私は属性を選択の値を変更すると、文字列にキャストされます。標準<input>については

{ 
    isConnected : "0", // 0 expected 
} 

私はtype="number"を使用しますが、私は無知だ<select>のために可能性があります。

角度2でデータをintに強制的にキャストする方法はありますか？

Answer 1

使用[ngValue]の代わりに "値" の：

<select [(ngModel)]="selected.isConnected" id="etat"> 
    <option [ngValue]="0">Not connected</option> 
    <option [ngValue]="1">Connected</option> 
</select> 

Answer 2

selectから常に文字列が返されるため、悲しいことに悲しいことに、formChanged()メソッドでそれを自分で解析する必要があります。

あなたはこのようなもので、それを試みることができる：

formChanged(): void { 
    selected.isConnected = parseInt(selected.isConnected); 
    // ... 
} 

Answer 3

あなたは（あなたがまだ提供されていない）formChanged（）メソッドの中でそれをキャストしたい場合。 下図のようにあなたが

formChanged(): void { 
    selected.isConnected = +selected.isConnected; 
    ... 
} 

Answer 4

は、あなたが選択し、その選択の要素に値を代入する数値変数を送信することができ、+記号を使用する必要があります。次に、変更時に値を取得する場合は、イベントを追加（変更）して、以下のように値を選択して取得できます。

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'my-app', 
    template: `<select value="{{isConnected}}" (change)="printConnected($event.target.value)" name="etat" id="etat" class="form-control"> 
      <option value="0">Not connected</option> 
      <option value="1">Connected</option> 
     </select> 
     <div *ngIf="changed">You've selected {{isConnected}}<div>` 
}) 
export class AppComponent { 

    isConnected : number = 1; 
    changed : boolean = false; 
    printConnected(value){ 
this.isConnected = value; 
this.changed=true; 
    } 

} 

あなたはhttp://plnkr.co/edit/xO2mrTdpTGufkgXqdhYD?p=previewの例を見ることができます