ng2 中的@Input实现双向绑定

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

阅读 4k
1 个回答

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

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

使用的时候这样用

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

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


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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题