如何实现Angular 4组件中非input元素的ngModel双向数据绑定?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1491个文字,预计阅读时间需要6分钟。
在Angular中,我们通常给input元素添加[ngModel]=value实现数据双向绑定。若想在自定义组件上实现ngModel双向绑定,应该这样操作:
1. 在自定义组件中定义一个input属性,用于接收外部绑定的值。
2.在组件内部,使用ngModel控制器来绑定这个input属性。
3.使用ngOnChanges生命周期钩子来监听外部输入值的变化,并更新内部状态。
本文共计1491个文字,预计阅读时间需要6分钟。
在Angular中,我们通常给input元素添加[ngModel]=value实现数据双向绑定。若想在自定义组件上实现ngModel双向绑定,应该这样操作:
1. 在自定义组件中定义一个input属性,用于接收外部绑定的值。
2.在组件内部,使用ngModel控制器来绑定这个input属性。
3.使用ngOnChanges生命周期钩子来监听外部输入值的变化,并更新内部状态。

