与ngReact的双向数据绑定

Question

使用ngReact,如何优雅地实现双向数据绑定？

假设我有一个简单的React输入组件,它需要一个value并调用onChange它.

angular.module('app', []).value('SimpleInput', props => 
  <input type='text' 
         value={props.value}
         onChange{e => props.onChange(e.target.value)} />
)

然后我希望像这样的东西更新value范围.

<react-component name="SimpleInput" 
                 props="{value: value, onChange: v => value = v}">
</react-component>

但是,有自动/更优雅的方式吗？

Answer 1

我不这么认为.ngReact只是将React组件注入Angular框架的一种方法; React 专门设计为不具有支持性能的双向数据绑定,因此任何实现都必须是一种解决方法.

从马的嘴里:

ngReact是一个Angular模块,允许在AngularJS应用程序中使用React组件.对此的动机可能是以下任何一种:您需要比Angular提供的更高的性能(双向数据绑定,Object.observe,页面上的范围观察者太多)......