Angular Bootstrap 模态不返回父窗口

Question

我有一个 Angular 引导模式。当用户在模态框上单击“确定”时，我调用了一个角度函数，该函数可以正常工作，它会根据需要返回，因为我可以看到屏幕在模态框后面刷新，但控件没有返回给父级

这里是模态

<div class="modal-content">
  <div class="modal-body">
    <h4 class="modal-title">Are you sure?</h4>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-info"
            data-dismiss="modal" ng-click="acknowledge(details.id)">Ok</button>
    <button type="button" class="btn btn-info"
            data-dismiss="modal">Cancel</button>
  </div>
</div>

这是角度函数

$scope.acknowledge = function(jobId) {
    var jobId = {
        'jobId' : jobId,
        'userID' : $scope.user
    };
    var jobDetail = $resource('modifyJobDetail', jobId);
    $scope.jobInfo = jobDetail.query().$promise.then(function(resp) {
        $scope.refreshJobDetail();
    });
}

$scope.refreshJobDetail = function() {
    var users = $resource('refreshJobDetail');
    $scope.detail = [];
    $scope.userinfo = users.query().$promise.then(function(response) {
        $scope.detail = response;
        return angular.copy($scope.detail); 
    });
}

我可以在我的窗口中看到刷新的字段，但控件没有返回到父窗口。

Answer 1

我已在 Plunker 中修改了您的代码，但我已将 $uibModal.open() 返回的承诺存储在控制器范围内，因此我可以在需要时关闭它：

$scope.openModal = function() {
    $scope.modalInstance = $uibModal.open({
      animation: $scope.animationsEnabled,
      templateUrl: 'my-modal.html',
      size: 'lg',
      scope: $scope,
      resolve: {
        items: function() {
          return $scope.items;
        }
      }
    });
  }

...

$scope.modalInstance.close();