ngModel更改时未触发ngModelChange

时间:2019-05-17 13:14:38

标签: angular typescript ngmodel angular-ngmodelchange

我正在尝试在输入值更改时触发事件。我在ngModel中使用ngModelChanges。但它不起作用

HTML

<input type="number"
[(ngModel)]='myModel' (change)="myModelChange()" >

<button (click)='changeModel()'>Change</button>

Typescipt

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

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  myModel: number;
  ngOnInit(){
    this.myModel =100;
  }
  changeModel() {
    this.myModel = Math.floor(Math.random() * 100);  
  }
  myModelChange() {
    console.log('changed');
  }
}

示例:Code here

是否可以使用ngModelChanges执行此操作。如果不是,那还有其他办法吗?

0 个答案:

没有答案