title: Angular 2 Change text of HTML element
body: <p>I want to change the text of a <code>html</code> element. </p>
  
  <p>profile.component.html</p>
  
  <pre><code>&lt;div class="col col-sm-12"&gt;
    &lt;h2&gt;FirstName LastName&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>profile.component.ts</p>
  
  <pre><code>changeName():void{
          //Code to change the &lt;h2&gt; element
      }
  </code></pre>
  
  <p>If you could provide code example how to do this, it would be good!.</p>