在事件上触发 angular.ui 弹出窗口，但在单击时触发

Question

是否可以在事件上触发 popover 指令？我试图寻找一个字符串字符并触发一个自定义模板，但是，我找不到绕过它的方法，我只看到附加到按钮的自定义属性。

Answer 1

您可以使用 popover-is-open 在给定事件上显示弹出框。

这是一个示例，其中超时用于模拟显示弹出窗口的事件：

标记：

<div ng-controller="PopoverDemoCtrl as vm">
    Wait for 3 seconds for the event to happen...
    <div uib-popover="Read the message!"
         popover-title="Hello World!"
         popover-placement="bottom"
         id="popover"
         class="btn btn-default spaced"
         popover-is-open="vm.showPopover">
        Popover
    </div>
</div>

JavaScript:

function PopoverDemoCtrl($timeout) {
    var popoverDemoCtrl = this;

    popoverDemoCtrl.showPopover = false;
    $timeout(function () {
        popoverDemoCtrl.showPopover = true;
    }, 3000);
}

PopoverDemoCtrl.$inject = ['$timeout'];

angular
    .module('myApp', ['ui.bootstrap'])
    .controller('PopoverDemoCtrl', PopoverDemoCtrl);

完整Fiddle：http://jsfiddle.net/masa671/gtgqof2k/

在事件上触发 angular.ui 弹出窗口，但在单击时触发

trigger angular.ui popover on event but on click

angularjs

angular-ui-bootstrap