angularjs - 如何在不关闭的情况下将结果从 angular-ui-bootstrap 模式传递给父级？

Question

根据 https://angular-ui.github.io/bootstrap/#/modal ，我想在不关闭的情况下将结果从模态传递给父级，但在示例代码中，它们仅通过关闭向父级显示传递结果

$uibModalInstance.close($scope.selected.item);

我想在单击项目时将数据传递给父级，但我不知道该怎么做。我真的需要帮助。谢谢。

Answer 1

这是关于 Controller 之间通信的一个非常常见的问题，因为您不想关闭模型并希望将数据传递给不同的 Controller 。

解决问题的最快途径是使用 $broadcast .在你的模态 Controller 中，这样写:

// Make sure to use $rootScope
$rootScope.$broadcast("modalDataEventFoo", {selectedItem: $scope.selected.item});

现在，在您的父 Controller 中:

$scope.$on("modalDataEventFoo", function(event, data) {
     console.log("got the data from modal", data.selectedItem);
});

Controller 间通讯的其他引用资料:

What's the correct way to communicate between controllers in AngularJS?

https://egghead.io/lessons/angularjs-sharing-data-between-controllers

http://www.angulartutorial.net/2014/03/communicate-with-controllers-in-angular.html

Communication between controllers in Angular