One way data binding in Angular2 : <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>
