angularjs - $sce.trustAsHtml 返回的值不是由 $compile 编译的

Question

我正在尝试使用带有完整日历事件的angular bootstrap-ui 弹出框来使用 html 制作自定义弹出框，如下所述：Getting Angular UI Calendar to work with UI-Bootstrap Tooltips

但我需要使用更复杂的弹出框并且需要使用uib-popover-html如下：

 $scope.eventRender = function( event, element, view ) { 

        var test = $sce.trustAsHtml('<b> Hello World! </b>');
        element.attr({'uib-popover-html':  test,
                     'popover-trigger' : 'mouseenter',
                     'popover-append-to-body': true});

        $compile(element)($scope);
    };

但是当它抛出以下错误时：

错误：[$parse:syntax] 语法错误：标记“<”不是表达式 [ Hello World! ] 从 [ Hello World! ]。

我究竟做错了什么？

Answer 1

基于这个问题，我的假设是uib-popover-html甚至不打算工作。

但是有解决方法：只需使用uib-popover-template：

$scope.eventRender = function(event, element, view) {
  element.attr({
    'uib-popover-template': "'myTooltipTemplate'",
    'popover-trigger': 'mouseenter',
    'popover-append-to-body': true
  });
  $compile(element)($scope);
};

这是一个可以玩的小提琴：http: //jsfiddle.net/masa671/4wf31bkw/