Angularjs ui bootstrap - 将html放在popover

Question

我正在使用官方angular bootstrap directives。

我想使用它的弹出窗口。

在文档中，它说如果你想在popover中插入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]语法错误：令牌'＆lt;'不是从[sdfsdfsdf]开始的表达式[sdfsdfsdf]的第1列的主表达式。   http://errors.angularjs.org/1.4.3/ $解析/语法P0 =％3C＆安培; P1 =未％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>';
}