代码之家 › 专栏 › 技术社区 › beNerd

角度用户界面引导弹出窗口以编程方式打开

angularjs-digest angular-ui angular-ui-bootstrap angularjs

1

beNerd · 技术社区 · 8 年前

    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>

现在,这不起作用。还有别的办法吗?

1 回复 | 直到 8 年前

1

2

jitender 8 年前

您可以使用一些布尔标志,例如 task.popoverIsOpen 在里面 popover-is-open 属性,并可以将其设置为 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 到 真的 当你需要的时候

task.popoverIsOpen=true;

Working demo