Açısal 2 dökme değer seç

Question

ben gibi farklı seçer sahip bir form var int. Maalesef en kısa sürede nitelik bir dizeye döküm seçme değerini değiştirdikçe:

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

standart <input> ben type="number" kullanabilirsiniz ama bir <select> için ben clueless değilim.

Verileri int olarak yapmak için açısal 2'yi zorlamanın bir yolu var mı?

Answer 1

kullanın [ngValue] yerine "değer":

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

Answer 2

Hayır, ne yazık ki her zaman select'dan bir dize aldığınız için formChanged() yönteminde kendi başınıza ayrıştırmaya zorlandınız.

Böyle bir şeyle deneyebilirsiniz:

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

Answer 3

Eğer (henüz sağlamadıysanız) formChanged() yöntemi içinde döküm istiyorum. aşağıda gösterildiği gibi

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

Answer 4

seçebilir ve bu seçme elemanı için değer atamak için bir Sayı değişken gönderebilir, + simgesini kullanmalıdır. Ardından, değeri değiştirdiğinde değeri yakalamak istiyorsanız, aşağıda gösterildiği gibi değeri seçmek ve almak için (değiştir) olayı ekleyebilirsiniz.

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

} 

Sen http://plnkr.co/edit/xO2mrTdpTGufkgXqdhYD?p=preview de bir örnek görebilirsiniz