在Angular中,可以使用ngModelChange
事件来监听输入值的变化。如果从httpResponse
中首次设置值,并且希望调用ngModelChange
事件,可以在设置值后手动触发ngModelChange
事件。
以下是一个示例代码:
在组件的模板文件中,使用[(ngModel)]
来绑定输入框的值,并在输入框的ngModelChange
事件中调用一个方法:
在组件的类文件中,定义一个onValueChange
方法来处理输入值的变化:
export class MyComponent {
myValue: string;
constructor(private myService: MyService) { }
ngOnInit() {
// 从httpResponse中获取初始值,并设置给myValue
this.myService.getData().subscribe(response => {
this.myValue = response.value;
// 手动触发ngModelChange事件,传递新的值
this.onValueChange(this.myValue);
});
}
onValueChange(newValue: string) {
// 处理输入值的变化
console.log(newValue);
}
}
在上述代码中,ngOnInit
方法中通过myService
来获取初始值,并将其设置给myValue
。然后,手动调用onValueChange
方法来处理输入值的变化,并传递新的值作为参数。
希望这个示例可以帮助到你!