AngularJS 从模态传回数据

Question

我很感激这里的一些帮助......我正在考虑将 AngularJS 用于我想到的一些项目。目前正在试验 Bootstrap UI 指令。请在这里查看我的代码:http://pastebin.com/zJGpNLep

有没有办法可以用 $scope.formData 中的数据更新 $scope.groups ，它是从模态生成的？我已经尝试过 $scope.groups.push($scope.formData) 证明不成功，我可以看到新数据的唯一方法是刷新页面。

有任何想法吗？？

谢谢

Answer 1

你在正确的轨道上，你只是遗漏了以下几行:

modalInstance.result.then(function (formData) {
  //use formData
});

这应该放在 $scope.showAddGroupModal 函数的末尾，如此处的 bootstrap-ui 示例所示:

$scope.open = function () {

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

  modalInstance.result.then(function (selectedItem) {
    $scope.selected = selectedItem;
  }, function () {
    $log.info('Modal dismissed at: ' + new Date());
  });
};