添加內容動態

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

希望它可以幫助別人。