Get / Set方法不使用[(ngModel)] Angular 2检测表单上对象的更改

时间:2017-05-23 03:43:16

标签: angular typescript

我有一个显示表单上对象属性的组件。我使用了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表单上的输入时,控制台日志不会返回任何消息。 有什么建议吗?

0 个答案:

没有答案