javascript - ng2 中的@Input实现双向绑定

问题描述

问 题

ng2 中的@Input实现双向绑定父组件传值到子组件想用@Input怎么实现双向绑定，

解决方案

加上一个名称为(input名称+Change)的output，再在适当的时机emit这个output即可
比如这样

  @Input() text: string = '';
  @Output() textChange = new EventEmitter();

使用的时候这样用

<sample-control [(text)]="text"></sample-control>

但一般来说不建议在form之外使用双向绑定，这个方法主要是用来实现类似列表控件的选中项绑定的

---

如果是在form中使用，请使用ControlValueAccessor接口来实现ngModel双向绑定
关于ControlValueAccessor，建议参考文档

这篇关于javascript - ng2 中的@Input实现双向绑定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！