Javascript 表中的角度UI弹出框(ng重复)。使用popover是打开的,如何防止所有popover打开?
我有一张桌子,里面有很多爆米花,使用ng repeat。代码如下所示: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
<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;
}