Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表中的角度UI弹出框(ng重复)。使用popover是打开的,如何防止所有popover打开?_Javascript_Angularjs_Twitter Bootstrap_Angular Ui Bootstrap_Angular Ui - Fatal编程技术网

Javascript 表中的角度UI弹出框(ng重复)。使用popover是打开的,如何防止所有popover打开?

Javascript 表中的角度UI弹出框(ng重复)。使用popover是打开的,如何防止所有popover打开?,javascript,angularjs,twitter-bootstrap,angular-ui-bootstrap,angular-ui,Javascript,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,Angular Ui,我有一张桌子,里面有很多爆米花,使用ng repeat。代码如下所示: <td> <button uib-popover-template="dynamicPopover.templateUrl" type="button" class="btn btn-primary" popover-placement="left" popover-is-open="myPopover.isOpen" ng-click="myPopover.open()">E

我有一张桌子,里面有很多爆米花,使用ng repeat。代码如下所示:

     <td>
       <button uib-popover-template="dynamicPopover.templateUrl" type="button" class="btn btn-primary" popover-placement="left" popover-is-open="myPopover.isOpen" ng-click="myPopover.open()">Examples</button>
     </td>

当我现在按下“示例”按钮时,我打开了表中的所有弹出窗口。我怎样才能避免这种情况,而只打开/关闭与我按下的按钮相连的popover?

如果我没有弄错,请尝试将表格放在表单标签中并提供此代码


这是因为您要将
popover is open=“
绑定到所有popover的相同属性

请尝试类似于“popover是打开的”这样的操作,单击“isPopoverOpen=!isPopoverOpen”


在那里,您将为每个作用域/每行创建一个变量
isPopoverOpen

假设您的
ng repeat
正在按$index循环项目中的
项目,则必须仅为您的
项目更改
isOpen
属性

它应该是这样的(我没有时间测试它)


这是可行的,但我想在popover内触发close。使用此代码:Close@arg20你能给我举个例子吗?我对popover和ng中继器有同样的问题
    $scope.myPopover = {

    isOpen: false,

    open: function open() {
        $scope.myPopover.isOpen = true;
    },

    close: function close() {
        $scope.myPopover.isOpen = false;
    }
};
<button uib-popover-template="dynamicPopover.templateUrl" type="button" class="btn btn-primary" popover-placement="left" popover-is-open="item.isOpen" ng-click="openPopover($index)">Examples</button>
function openPopover(i){
  $scope.items[i].isOpen = true;
}