title: Two-way data binding to an ngReact component
body: <p>Using ngReact, how does one elegantly set up a two-way data binding?</p>
  
  <p>Let's say I have a simple React input component, which takes a <code>value</code> and fires <code>onChange</code>:</p>
  
  <pre><code>angular.module('app', []).value('SimpleInput', props =&gt; 
    &lt;input type='text' 
           value={props.value}
           onChange{e =&gt; props.onChange(e.target.value)} /&gt;
  )
  </code></pre>
  
  <p>Then from the AngularJS side, I would expect something like this to update <code>value</code> in the scope:</p>
  
  <pre><code>&lt;react-component name="SimpleInput" 
                   props="{value: value, onChange: v =&gt; value = v}"&gt;
  &lt;/react-component&gt;
  </code></pre>
  
  <p>However, is there a <em>more elegant</em> way to set up the two-way binding to the AngularJS scope, akin to <code>ng-model</code>?</p>