将数据推拉到 ui.bootstrap 模态

Question

我在这里设置了一个plunkr： http://plnkr.co/edit/NdHqQJ?p=preview

我正在尝试在您单击任务时将表单数据推送和拉入模态 window。我读过你可以用模态的 "resolve" 属性（见下文）来做到这一点，但我一直无法让它真正起作用。任何见解将不胜感激。

var modalInstance = $modal.open({
  templateUrl: 'editTask.html',
  controller: 'ModalInstanceCtrl',
  size: size,
  scope: $scope,
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});

如果您需要更多详细信息，请告诉我！

Answer 1

如果你想使用 resolve（你可以），nit 将是这样的，例如：

$scope.open = function(size, task) {
    var modalInstance = $modal.open({
        templateUrl: 'editTask.html',
        controller: 'ModalInstanceCtrl',
        size: size,
        resolve: {
            task: function() {
                return task
            }
        }
    });
};

HTML:

<a ng-click="open('lg', noStoneTask)" style="cursor:pointer" tooltip-placement="top" tooltip="Open Task">{{noStoneTask.taskSubject}}</a>

演示： http://plnkr.co/edit/NA71479d04Yw7hh2Twx8?p=preview

Answer 2

你必须在解析中传递你想要解析的范围（传递给模态）。并在模态控制器中解决。

这就是你想要的吗？ http://plnkr.co/edit/Q0G79C?p=preview

我修改了模态以将 noStoneTasks 范围传递给模态

//modal
$scope.open = function (size) {

    var modalInstance = $modal.open({
        templateUrl: 'editTask.html',
        controller: 'ModalInstanceCtrl',
        size: size,
        resolve: {
            noStoneTasks: function () {
                return $scope.noStoneTasks;
            }
        }
    });
};

我也是在用户点击ok的时候修改范围

uxModule.controller('ModalInstanceCtrl', function ($scope, $modalInstance, noStoneTasks) {
    $scope.ok = function () {
        noStoneTasks[0].actHours++;
        $modalInstance.close('save');
    };

    $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
    };
});

将数据推拉到 ui.bootstrap 模态

Push and pull data into ui.bootstrap modal

angularjs

ui.bootstrap