title: One way data binding in Angular2
body: <p>I got the following html</p>
  
  <pre><code>&lt;app-grid [columns]="columns" [data]="data" &gt;&lt;/app-grid&gt;
  </code></pre>
  
  <p>I want the data and columns properties to be immutable. The Grid should only show it. But in cases of sort or filtering the data would change, at least the order. </p>
  
  <p>But here is my problem. If I access the data array and modify one property of an containing object.  Like this.</p>
  
  <pre><code>this.data[0].name = "test"
  </code></pre>
  
  <p>The original gets changed. But I thought [data] is only one way data bound.</p>
  
  <p>Could somebody point me in the right direction, to why this is happening and how I can omit it. I come from React where this would be pretty straight forward.</p>