Question

我创建了一个plunkr：http://plnkr.co/edit/gUAvoVK7E3llUlFgWIwF?p=preview

我正在尝试创建一个在转发器中有一个关闭按钮的弹出框元素。我有点工作，但它在转发器中打开两个项目。如何设置它以便一次只打开一个并在关闭时更新角度数据？

$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;
    }

};

Answer 1

我无法通过关闭按钮实现这一点，但我确实让它以我满意的方式工作（只是一些用户在原型上进行测试），如果这可以让任何人受益。以下是plunkr：http://plnkr.co/edit/gUAvoVK7E3llUlFgWIwF?p=preview

<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>

popover-is-open正在创建所有开放的问题。

Answer 2

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

你有这个：<button class="btn-link" data-toggle="popover" popover-template="timePopover.templateUrl" popover-title="{{timePopover.title}}" popover-is-open="timePopover.isOpen" type="button" style="color:#FFF;">

您需要在此处执行此操作：<button class="btn-link" data-toggle="popover" popover-template="{{ timePopover.templateUrl }}" popover-title="{{timePopover.title}}" popover-is-open="{{ timePopover.isOpen }}" type="button" style="color:#FFF;">

在ng-repeat中打开和关闭ui.bootstrap popover

2 个答案: