在页面重新加载插入数据后显示警报

Question

我想在添加一行 -

之后显示警告消息

"Data added successfully".

但添加一行还需要重新加载页面才能获得添加的数据。因此，由于重新加载，我无法收到消息警报。

HTML：

<alert ng-repeat="alert in alerts" 
type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>

控制器：

dataAPIService.addData(JSON.stringify($scope.rows)).success(function(response) {
        $rootScope.$broadcast("addData", $scope.data);
        ngDialog.close('ngdialog1');
        $route.reload();
        $scope.$parent.alerts.length=0;
        $scope.$parent.alerts.push({type: 'success',msg: 'Data added successfully'});
    });

注意：

如果我发表评论$route.reload()，那么它可以正常工作，但我不会获得更多数据。所以我需要重新加载页面，但仍然希望得到警报。

Answer 1

您需要将某个状态置于不会被Angular路由重新加载删除的位置。一些选项是：

1. 在Angular服务中（谨慎，全球状态）
2. 在URL中（例如，作为查询参数）
3. 在本地存储中（很难做到正确）
4. ...在您的数据库中:)）

在你的情况下，我会说选项1是稳健和负担得起之间的正确平衡。