內聯html用戶界面Bootsrap工具提示中的角表達

我找不出在uib-tooltip-html中呈現角表達式的正確方法。文檔中使用的示例：<a href="#" uib-tooltip-html="'static. {{dynamicTooltipText}}. <b>bold.</b>'">inline string</a> 在IE，Chrome或Firefox中不適用於我。任何人都可以將我指向正確的方向嗎？謝謝。內聯html用戶界面Bootsrap工具提示中的角表達

來源

2016-08-04 be OH be

下面是從文檔

UIB-酥料餅-HTML摘錄 - 採用計算結果爲HTML字符串的表達式。請注意，這個HTML不會被編譯。如果需要編譯，請使用uib-popover-template屬性選項。用戶負責確保將內容安全地放入DOM中！

有趣的部分是

用戶有責任確保內容的安全投入的DOM！

這基本上意味着你應該使用$sce服務來淨化你的HTML和它在你的控制器

$scope.dynamicTooltipText = "MY SUPER DYNAMIC TEXT" 

$scope.htmlPopover = $sce.trustAsHtml('static. ' + $scope.dynamicTooltipText + ' . <b>bold.</b>');

，然後傳遞作爲表達傳遞$htmlPopover您uib-popover-html指令

<button uib-popover-html="htmlPopover" popover-placement="bottom" class="btn btn-default"> 
    HTML Popover 
</button>

Demo plunker

來源

2016-08-04 20:58:21 svarog

謝謝。我會發誓我已經嘗試過這種方法。我已經使用$ sce在控制器中設置一些工具提示文本。我一定有一些不正確的語法。再次感謝。 –

內聯html用戶界面Bootsrap工具提示中的角表達

回答

相關問題