Display string containing HTML tag in Angular
<p>I checked for answers in SO but couldn't find satisfying answer. So here I'm asking :  </p>

<p>I have a string as follow</p>

<pre><code>var string = "With this you have agreed with the &lt;a href='#'&gt;rules and condition&lt;/a&gt;"
</code></pre>

<p>Which I need to render as both string (for the text portion) and HTML (for the HTML portion).</p>

<p>How do I achieve this in <strong>AngularJs</strong>? I tried with <code>$compile</code> but it didn't work for me, it output chunks of seemingly minified code on the page. </p>