在Angular 2中,可以通过在ngModelChange函数中使用参数来比较ngModel的新旧值。ngModelChange是一个事件,当ngModel的值发生变化时触发。
在ngModelChange函数中,可以通过比较参数的值来判断ngModel的新旧值。参数的值即为ngModel的新值,可以将其与之前保存的旧值进行比较。
以下是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
template: `
<input [(ngModel)]="value" (ngModelChange)="onValueChange($event)">
`
})
export class ExampleComponent {
value: string;
oldValue: string;
onValueChange(newValue: string) {
// 比较ngModel的新旧值
if (newValue !== this.oldValue) {
console.log('ngModel的值发生了变化');
}
// 更新旧值为新值
this.oldValue = newValue;
}
}
在上述示例中,ngModel绑定到了value
属性,当ngModel的值发生变化时,会调用onValueChange
函数。在onValueChange
函数中,通过比较newValue
和oldValue
来判断ngModel的新旧值是否相同。如果不相同,则表示ngModel的值发生了变化。
这是一个简单的示例,你可以根据实际需求进行更复杂的比较和处理。
领取专属 10元无门槛券
手把手带您无忧上云