title: Angular 4 parsing html with ngmodel
body: <p>I am having some an issue with parsing a string in my view which has <code>br</code> tags that is bound using <code>ngModel</code> for example, </p>
  
  <p>Here is my string </p>
  
  <pre><code>this.customer_address = this.customer.customer_name + '&lt;br&gt;' +
          this.customer.address.street + '&lt;br&gt;' + this.customer.address.postcode + '&lt;br&gt;' + this.customer.address.country;
  </code></pre>
  
  <p>and here is what I have in my HTML, </p>
  
  <pre><code> &lt;md-input-container class="example-full-width"&gt;
          &lt;textarea [readonly]="invoice.lock || invoice.lock_archive" mdInput placeholder="Billing Address" name="address" [(ngModel)]="customer_address"&gt;
  
          &lt;/textarea&gt;
        &lt;/md-input-container&gt;
  </code></pre>
  
  <p>This seems to print the <code>br</code> tags within the textarea however I would like to escape them but I would also like to keep them when I am saving the object for example, when a new line is added I a <code>br</code> tag is added. I am not sure what best options.</p>