javascript - 关闭模式并在主页上显示消息

Question

我有一个模式，我想在关闭后显示成功消息。我的问题是从模态视图控制主视图上的消息。关闭后如何在另一个 View 上显示消息(messageSuccess)？

骗子:http://plnkr.co/edit/IrIt4G7HzAoi4uh7euVu?p=preview

模态 Controller :这会关闭模态(但关闭后如何在另一个 View 上显示消息？)

  $scope.ok = function () {
    $modalInstance.close($scope.selected.item);
    $scope.messageSuccessText = 'Saved!';
    $scope.messageSuccess = true;
  };

主视图上的 HTML:

<div class="alert alert-success text-center" data-ng-show="messageSuccess">{{messageSuccessText}}</div>

Answer 1

Modal 具有隔离范围，因此您需要使用 close 方法来传递数据:

模态控制:

$scope.ok = function () {
  $modalInstance.close({item: $scope.selected.item, message: 'Saved!'});
};

父级Ctrl:

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

父级 HTML:

<div class="alert alert-success text-center" data-ng-show="messageSuccessText">{{messageSuccessText}}</div>