title: How to render the contents of angular variables inside ng-bind-html
body: <p>I'm taking a HTML content to the front end javascript code, from the database which was saved as varchar. It is stored in a variable called <code>vm.htmlContent</code> And then I want to display this string type HTML content again as HTML in my web page. I use <code>ng-bind-html</code> angular directive for doing this. My HTML content which is stored in <code>vm.htmlContent</code> variable is:</p>
  
  <pre><code>&lt;p&gt; Date: &lt;/ p&gt; &lt;p&gt; Time: &lt;/ p&gt; &lt;p&gt; Venue: &lt;/ p&gt;
  </code></pre>
  
  <p>The current javascript code for this is looks like:</p>
  
  <pre><code>&lt;ng-bind-html
      ng bind-html="vm.htmlContent"&gt;
   &lt;/ng-bind-html&gt;
  </code></pre>
  
  <p>the output in the web page is:</p>
  
  <pre><code>Date:
  Time:
  Venue:
  </code></pre>
  
  <p>I want to add Date,Time and venue from other angular variables inside this <code>ng-bind-html.</code> The date,time and venue variables are <code>vm.date</code>,<code>vm.time</code> and <code>vm.venue</code> and they keep the relevant data clearly. <strong>Is there a way to do this without spiting the string content in <code>vm.htmlContent</code> variable</strong>?</p>