2

我创建了一个 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;
    }

};

4

2 回答 2

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 造成了它们都开放的问题。

于 2015-10-14T14:24:50.960 回答
0

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

你有这个：<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;">

于 2015-10-13T18:28:57.453 回答