Werkstoff Optionsfeld Änderungsereignis Angular 4

Question

Ich versuche, die Änderung Ausgabe einer MD-Radio-Tasten wie folgt zu verwenden:

<md-radio-group [(ngModel)]="selected"> 
    <md-radio-button *ngFor="let a of array" [value]="a" 
       (change)="radioChange()"> 
     {{a}} 
    </md-radio-button> 
</md-radio-group> 

TS:

selected: string; 
filter: any; 

radioChange() { 
    this.filter['property'] = selected; 
    console.log(this.filter); 
} 

Dies scheint immer zu sein treten Sie hinter die Radioknöpfe. d. h. wenn die Auswahl von Radio A auf Radio B geändert wird, wird der Wert von Radio A angezeigt.

Jede Hilfe wird sehr geschätzt.

Cheers,

P

Answer 1

Dies geschieht, weil das Ereignis Wechsel ausgelöst wird, bevor das Modell aktualisiert wurde. Ihre selected-Eigenschaft hat den vorherigen Wert. Ändern Sie Ihren Code zu folgenden, um das Ereignis zu bekommen auf (change):

<md-radio-group [(ngModel)]="selected"> 
    <md-radio-button *ngFor="let a of array" [value]="a" 
       (change)="radioChange($event)"> 
     {{a}} 
    </md-radio-button> 
</md-radio-group> 

... und in Ihrer Klasse, wie folgt vor:

import { MdRadioChange } from '@angular/material'; 
// ... 

radioChange(event: MdRadioChange) { 
    this.filter['property'] = event.value; 
    console.log(this.filter); 
} 

Link zu working demo.