如何将HTML注入到Angular UI Bootstrap Popover中?我更喜欢通过显示和隐藏包含所有弹出窗口HTML内容的div来实现。
目前我的代码是:
<a popover-placement="bottom" popover-append-to-body="true" popover="LOG OUT">BUTTON HERE</a>
我希望你能翻译以下内容:将文本中的LOG OUT
替换为完整的HTML代码,其中包括Angular.js的绑定和指令。
如何将HTML注入到Angular UI Bootstrap Popover中?我更喜欢通过显示和隐藏包含所有弹出窗口HTML内容的div来实现。
目前我的代码是:
<a popover-placement="bottom" popover-append-to-body="true" popover="LOG OUT">BUTTON HERE</a>
我希望你能翻译以下内容:将文本中的LOG OUT
替换为完整的HTML代码,其中包括Angular.js的绑定和指令。
<a popover-placement="bottom" popover-append-to-body="true" popover="<h1>LOG OUT</h1>" tooltip-html-unsafe>BUTTON HERE</a>
angular.module( 'ui.bootstrap.popover')
.directive( 'popoverHtmlUnsafePopup', function () {
return {
restrict: 'EA',
replace: true,
scope: { content: '@', placement: '@', animation: '&', isOpen: '&' },
templateUrl: 'template/tooltip/tooltip-html-unsafe-popup.html'
};
})
.directive( 'popoverHtmlUnsafe', [ '$tooltip', function ( $tooltip ) {
return $tooltip('popoverHtmlUnsafe', 'popover', 'click' );
}]);
uib-popover-html
指令。只需要提供一个模型,其中包含表示用于浮动窗体主体的模板位置的 URL。