javascript - 刷新最初传递到AngularJS中的modalInstrance的数据

使用Angular-UI引导程序

我正在将数据传递到如下所示的modalInstance中。在模式中，用户可以创建新项目。按下保存按钮后，新项目将发送到服务器。我需要能够使用$ scope.items中的更新数据刷新模式实例。请注意，模态不会在保存时关闭，所以我不能只是重新打开它。任何帮助将不胜感激。

$scope.items = ['item1', 'item2', 'item3'];

$scope.open = function (size) {

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

modalInstance.result.then(function () {
    // post updated $scope.items to server
    // get fresh $scope.items from server
    // notify modal of the updated items
}, function () {

});
};
});

最佳答案

您可以尝试像当前$modalInstance的子项那样为$scope创建范围，如下所示：

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

因此，现在在您的item中添加一些items之后，一切都会正常运行。

有关更多信息，您可以查看angular bootstrap page上$modal指令的描述：

scope - a scope instance to be used for the modal's content (actually the $modal service is going to create a child scope of a provided scope). Defaults to $rootScope

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

希望它将解决您的问题;）

关于javascript - 刷新最初传递到AngularJS中的modalInstrance的数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26427854/