Angular-UI引导程序不适用于模板

Question

I use angular-ui-bootstrap popover. I manually changed template of popover to support html in it. I changed ng-bind to ng-bind-html:

<div class=\\"popover-content\\" ng-bind-html=\\"content\\"></div>

I'm passing such template to popover attribute:

<span ng-click="scopeFunction()">{{somethingFromScope}}</span>

So {{somethingFromScope}} resolves and works, but ng-click function doesn't work. ng-show , ng-if (looks like any ng- directive) don't work as well.

What's the reason of it? How can I make it work? Thanks

Answer 1

Just changing template is not enough

Update module dependencies like this:

  angular.module('ui.bootstrap.popover', ['ui.bootstrap.tooltip', 'ui.bootstrap.bindHtml'])

And change template

  <div class="popover-content" bind-html-unsafe="content"></div>

Works with angular.ui.bootstrap v0.11.0 from 2014-05-01

Answer 2

After researching a lot I find a solution:

If you need popover with template - use AngularStrap popover ;)