动态添加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>');
}

希望它对某人有所帮助。

Answer 2

试试这个

uib-tooltip-html="'<div>'+'text moretext'+'</div>'" 

在你的代码中。