Question

尝试从tooltip-html-unsafe切换到tooltip-html，因为前者在ui-bootstrap 0.13.0中已弃用

在示例中，tooltip-html内容在控制器中提供为

<a href="#" tooltip-html="htmlTooltip">Check me out!</a>

$scope.htmlTooltip = $sce.trustAsHtml('I\'ve been made <b>bold</b>!')

当内容在ng-repeat内时是否有适当的解决方案？只需切换到tooltip-html就会产生$解析错误

编辑/解决方案：

实际上，我通过简单地添加单引号来解决它：

tooltip-html="'Line 1<br>Line <strong>2</strong>'"

我认为当html更复杂时，你需要使用Shawn下面的答案

Answer 1

使用tooltip-template指令。

控制器：

$scope.fruits=["Bananas","Apples","Oranges"]

HTML：

<div ng-repeat="fruit in fruits">
    <div tooltip-template="'myTooltipTemplate.html'">TOOLTIP</div>
</div>

<script type="text/ng-template" id="myTooltipTemplate.html">
     <b>Fruit</b> : {{fruit}}
</script>

链接到plunkr：http://plnkr.co/edit/yUPl6hCACHKzvCBwrDUf?p=preview

ui-bootstrap 0.13 - 如何在ng-repeat中使用tooltip-html

1 个答案: