2017-09-11 2 views
1

In meinem html:angular2 Änderung des Datums des Datepicker kann nicht auslösen ngModelChange

<input mdInput [(ngModel)]="start" (ngModelChange)="change()" 
     [mdDatepicker]="picker" placeholder="choose date"> 
<md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle> 
<md-datepicker #picker></md-datepicker> 

und in meinem component.ts:

class Component { 
    public start: Date; 
    public change() { 
    console.log(111); 
    } 
} 

Auf der Webseite, wenn ich den Knebel zu ändern klicken Datepickers Datum. Es wird 111 in der Konsole drucken. Aber wenn ich das Datum in ts Datei mit this.start = new Date() ändern, wird es 111 nicht drucken. Aber der Datepicker auf der Webseite hat sich geändert.

+0

, weil Sie den Standardwert des ngModel setzen, wenn die Bauteilbelastungen –

+0

Da '111' keine Variable ist. Sie sollten 'console.log (start)' in 'change'-Methode protokollieren. –

+0

@TouqeerShafi Das Ergebnis von '' 111''' ist in der Tat dasselbe wie '' 'this.start'''. – gavinSong

Antwort

0

Versuchen (dateChange)="nameOfYourFunction($event)"

Verwandte Themen