在 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>'" 

在你的代码中。