[Angular2] Form, Select & Object

Une petite prise de note car c’est un point qui m’a demandé quelques minutes :). Pour la partie “template” :

<select id="spart" class="form-control" [ngModel]="selectedPart" (ngModelChange)="onChange($event)" >
<option *ngFor="let part of parts" [ngValue]="part" > { { part.name }} ] </option>
</select>

Quelques petits points :

  • ngModel : pour l’initialisation avec une valeur dans le component,
  • ngModelChange : pour le changement de valeur,
  • ngValue : dans le cas d’un mapping avec un objet, il faut passer par ngValue.

Pour la partie “component” :

public selectedPart:any;
onChange($event : any) {
this.selectedDevice = $event;
} // /onChange