觸發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); 

全小提琴：http://jsfiddle.net/masa671/gtgqof2k/