根据 bootstrap popover 的响应调用 AngularJS 服务方法

Question

我有一个引导弹出窗口，它有 2 个按钮是或否。根据用户的响应，我需要调用 AngularJS 服务函数。我该怎么做？？

仅当满足特定条件（如存在重复记录）时才会创建弹出框

HTML 代码如下所示，但目前没有 2 个按钮且仍需处理

$(document).ready(function () {
    if (DuplicateRecord) {
        $('[data-toggle="popover"]').popover();
    }
});

<button href="#" data-toggle="popover" title="Popover Header"
       data-content="Some content inside the popover" data-trigger="click"
       data-html="false" data-placement="left">
  Toggle popover
</button>

Answer 1

看起来你是混合概念（或者我没有得到你的问题），你可以有一个弹出窗口，但 data-trigger="click" 会在点击事件上显示弹出窗口，你想使用该事件来调用服务方法.将弹出框触发器更改为hover，然后使用click 事件调用您的服务。像这样的想法只是一个想法，sn-p 没有经过测试。

<button 
   type="button"
   data-toggle="popover" 
   title="Popover Header"
   data-content="Some content inside the popover" 
   data-trigger="hover"
   data-html="false" 
   data-placement="left"
   ng-click="$ctrl.callSomeMethod()"
>
    Toggle popover
</button>

您可以查看UI Bootstrap lib，其中包含 Bootstrap 等效组件的指令。