Angularjs 打开和关闭ui.bootstrap popover(在ng重复中)

Angularjs 打开和关闭ui.bootstrap popover(在ng重复中),angularjs,ui.bootstrap,Angularjs,Ui.bootstrap,我创建了一个plunkr: 我试图创建一个popover元素,它在中继器中有一个close按钮。我有它的工作排序,但它打开两个项目在中继器。如何设置它,使其一次只能打开一个,并在关闭时更新角度数据 $scope.timePopover = { templateUrl: 'editActualTime.html', title: 'Actual/Est Time', isOpen: false, open: function open() { $scope.timePopover.i

我创建了一个plunkr:

我试图创建一个popover元素,它在中继器中有一个close按钮。我有它的工作排序,但它打开两个项目在中继器。如何设置它,使其一次只能打开一个,并在关闭时更新角度数据

$scope.timePopover = {
templateUrl: 'editActualTime.html',
title: 'Actual/Est Time',
isOpen: false,
 open: function open() {
      $scope.timePopover.isOpen = true;
    },

    close: function close(formActTime) {
      $scope.timePopover.isOpen = false;
    }

})

您必须在元素上打印对象值,而不是popover属性上的字符串:

您有:


相反,您需要这样做:

我无法通过关闭按钮使其工作,但我确实以我满意的方式使其工作(仅在原型上进行了一些用户测试),如果这对任何人都有利的话。以下是普朗克:


{{noStoneTask.actHours}/{{noStoneTask.estHours}
popover是开放的,这是他们所有开放的问题

<button popover-placement="bottom" uib-popover="{{noStoneTask.actHours}}" class="btn-link" data-toggle="popover" popover-template="timePopover.templateUrl" popover-title="{{timePopover.title}}" type="button" style="color:#FFF;">
                     {{noStoneTask.actHours}}/{{noStoneTask.estHours}}</button>