title: Angular 2 one way data binding on HTML like we do in angular 1 using ::
body: <p>Is there any way in angular 2 so that we can achieve one-way data binding like we have done in angular 1.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en-US"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
  &lt;div ng-app=""&gt;
  &lt;h4&gt;please change the text box value to see the scenario&lt;/h4&gt;
    &lt;p&gt;Name : &lt;input type="text" ng-model="name" 
  ng-init="name='change me '"&gt;&lt;/p&gt;
    &lt;h1&gt;Hello {{name}}&lt;/h1&gt;
  &lt;h2&gt;One-way binding- &lt;/h2&gt;
  {{::name}}
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How we can achieve this in Angular 2 way. what alternatives we have for this.</p>
  
  <p><strong>Note: I do not want to reflect changes on HTML only. I'll need the updated value @component end, but I don't want to display the changes on UI only</strong> </p>