title: Angular Ui Boostrap Popover with html inline how to scape or encode the innerhtml
body: <p>I´m migrating from a really old version of ui-boostrap to the new one.
  On the previous version we have only popover="myhtml"
  Now is needed to have popover-html and sanatize the html.
  The problem is when we have the html inline, when we have the html on a variable of the scope is simple as
  uib-popover-html="getPopoverContent(searchResultHtml)"</p>
  
  <p>But the ones that were with the html inline, when i try to use the same syntaxis fails becouse uib-popover-html="getPopoverContent('theHtml')" 
  theHtml normally have quotes who breaks all</p>
  
  <p>Example of the function that fails </p>
  
  <pre><code>uib-popover-html="getPopoverContent('&lt;ul class="list-unstyled"&gt;&lt;li&gt;&lt;span class="text-muted"&gt;true_ip:&lt;/span&gt; {{txn.thm_info.true_ip}}&lt;/li&gt;"')
  </code></pre>
  
  <p>The problem is that the double quotes closes the  uib-popover-html, so get broken all.
  What is needed here, I tried to scape with / the inner quotes,but failed.
  I know that the correct way is do templates, is only for do a quick migration to allow us to gain more time to later migrate all things.</p>
  
  <p>Thanks</p>