添加内容动态

Question

我想内容上UIB-提示，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

试试这个

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

你的代码中。

Answer 2

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

查看

<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>'); 
} 

希望它可以帮助别人。