Angularjs ui bootstrap - 将html放入popover

Question

我用的是官方angular bootstrap directives。

我想使用它的弹出框。

在文档中说，如果你想在弹出框内插入 html，你应该使用 popover-html，如下所示：

     <button popover-html="{{getTag()}}" type="button" class="btn btn-default">Dynamic Popover</button>
     <button popover-html="<a>Just fucin show me !</a>" type="button" class="btn btn-default">Click me </button>

但这会引发以下控制台错误：

错误：[$parse:syntax] 语法错误：标记“http://errors.angularjs.org/1.4.3/$parse/syntax?p0=%3C&p1=not%20a%20primary%20expression&p2=1&p3=%3Ca%3Esdfsdfsdf%3C%2Fa%3E&p4=%3Ca%3Esdfsdfsdf%3C%2Fa%3E

你可以看到plunker

谢谢

Answer 1

只需删除括号和$compile 函数：

HTML：

<button popover-html="getTag()" type="button" class="btn btn-default">Dynamic Popover</button>

JS：

$scope.getTag = function(){
   return '<a>sdfsdfsdf</a>';
}