title: Separate two-way data binding in Angular
body: <p>I have a custom table component that expects a model for some row selection actions that can be two-way bound like so:</p>
  
  <pre><code>&lt;my-table [(selected)]="selectedRows"&gt;&lt;/my-table&gt;
  </code></pre>
  
  <p>Optionally, I can also simply pass an item via one-way data binding if I don't care about the changes that happen to that model:</p>
  
  <pre><code>&lt;my-table [selected]="selectedRows"&gt;&lt;/my-table&gt;
  </code></pre>
  
  <p>If I want to not have a two-way bound data item, and instead want to have a data item I pass down to the table component via one-way data binding, and a handler/event emitter so that the syntax ends up not to different than this:</p>
  
  <pre><code>&lt;my-table [selected]="selectedRows" (selected)="handleSelectedChanged($event)"&gt;&lt;/my-table&gt;
  </code></pre>
  
  <p>Is it possible with no, or minimal changes to the <code>my-table</code> component? Or do I have to create an <code>@Output</code> parameter on the <code>my-table</code> component to which I pass <code>handleSelectedChanged($event)</code>?</p>
  
  <p>Thank you!</p>