我有一个显示表单上对象属性的组件。我使用了typescript的getter / setter方法来检测表单上使用模型的双向数据绑定的变化。 这是我的代码:
export class AlterInfoComponent implements OnInit {
_alterInfos: any = {};
@Output() alterInfosChanges = new EventEmitter();
@Input() get alterInfos () {
return this._alterInfos;
};
set alterInfos(val) {
this._alterInfos = val;
this.alterInfosChanges.emit(val);
console.log('Alter Infos Changed: ', this._alterInfos);
}
}
我的HTML模板代码:
<div>
<input type="text" [(ngModel)] = "alterInfos.id">
<input type="text" [(ngModel)] = "alterInfos.name">
</div>
当我更改html表单上的输入时,控制台日志不会返回任何消息。 有什么建议吗?