角度 ui 引导弹出框以编程方式打开

Question

我正在尝试通过将 popover-is-open 属性从控制器动态设置为 true 来动态打开弹出框，如下所示：

    var el = angular.element(target.id); //popover attached to this element
    el.attr('popover-is-open',true) //setting attribute to true
    $compile(el.contents())($scope) //recompiling
    $scope.$digest();//running digest

这里是html

<div id="taskcard-{{task.externalId}}" 
     popover-append-to-body="true" 
     popover-trigger="'none'" 
     popover-is-open="false"
     uib-popover-template="templateurl" 
     popover-title="testing">
          POPOVERS
</div>

现在，这行不通。有没有其他办法解决这个问题？

Answer 1

您可以在popover-is-open 属性中使用一些布尔标志而不是task.popoverIsOpen 之类的东西，并且可以将其设置为true 或false 以打开/关闭类似的弹出窗口

 <div id="taskcard-{{task.externalId}}" 
     popover-append-to-body="true" 
     popover-trigger="'none'" 
     popover-is-open="task.popoverIsOpen"
     uib-popover-template="dynamicPopover.templateUrl" 
     popover-title="testing">
          POPOVERS
</div>

在需要时将popoverIsOpen 设置为true

task.popoverIsOpen=true;

Working demo