title: Property Binding [innerHTML] is removing the anchor tag functionality in angular 4 data binding
body: <p>
  Hi,</p>
  
  <p>The property binding [innerHTML] takes only the text in between the raw html tags and the anchor tag functionality is not getting applied for data binding. So i want the anchor tag functionality should work. Means the anchor tag is getting removed when i bind this in template. My target is to achieve both innerHTML and as well as the anchor tag functionality. When i click on the any notification list item it will take me to another page. Because the JSON gives me that data only. Can anybody help me?</p>
  
  <pre><code>&lt;a data-link="admin-invoice-list" href="javascript:;" [innerHTML]= item.message"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The JSON data comes in this format:</p>
  
  <pre><code>{
              "id": "225",
              "message": "&lt;a data-link="/user/121/compliance_details" href="javascript:;"&gt;Company has  uploaded a compliance document on the Supplier Hub&lt;/a&gt;",
              "status": "0"
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/u96Pq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u96Pq.png" alt="enter image description here"></a>
  </p>
  
  <p>How can we achieve this in angular 4?
  </p>