动态添加uib-tooltip-html上的内容

Question

我想在uib-tooltip-html上组合内容,如下例所示

 app.controller("testController", function($scope, $http, $interval, $sce) {
      $scope.text = $sce.trustAsHtml('<div>Some text</div>');
    });

 <p style="margin-top: 5em;" uib-tooltip-html="<div>text moretext</div>" >
    A Thing With an HTML Tooltip
</p>

http://plnkr.co/edit/KWoByXuzejuRwmFmwgqJ?p=preview 可能吗？

Answer 1

我试图动态更新工具提示,但我无法弄清楚如何使用带参数的函数.所以我这样做了:

视图

<td ng-mouseover="getTooltip(model)" data-uib-tooltip-html="tooltip" ..>{{ some.data }}</td>

调节器

$scope.tooltip = '';
$scope.getTooltip = function(model) {
     var tooltip;
     if(model.somedata == 'x') {
          tooltip = 'some content';
     }
     else {
          tooltip = 'some other content';
     }
     $scope.tooltip = $sce.trustAsHtml('<div>'+tooltip+'</div>');
}

希望它可以帮到某人.