angularjs – 在$http响应中显示成功消息

发布时间：2020-12-17 17:03:10 所属栏目：安全来源：网络整理

导读：我试图在http响应中显示一个成功消息3secs,然后我需要重定向页面.这是我的代码 body ng-app='myApp' ng-controller='myCtrl' div class="col-lg-12 col-sm-12 col-xs-12 alert alert-success" ng-show="successMessage" strong/strong /div/bodyscript var a

我试图在http响应中显示一个成功消息3secs,然后我需要重定向页面.这是我的代码

<body ng-app='myApp' ng-controller='myCtrl'>
    <div class="col-lg-12 col-sm-12 col-xs-12 alert alert-success" ng-show="successMessage">
            <strong></strong>
    </div>
</body>

<script>
    var app = angular
        .module("myApp",[])
        .controller("myCtrl",function ($scope,$http,$timeout) {

            $http.post('/user/userList').then(function (response) {
                $scope.successMessage = "Form submitted successfully";
                $scope.successMessage = true;
                $timeout(function () {
                    $scope.successMessage = false;
                },5000);

                //growl.success('Form submitted successfully!',{ title: 'Success!' });
                window.location = '/user/userList';
            })

        })

</script>

但它没有在我的成功框中显示消息.它只显示空成功框仅1秒并立即重定向页面.

解决方法

在JS中更改var名称.您正在使用相同的变量来设置消息和ng-show

JS：

$http.post('/user/userList').then(function (response) {
        $scope.successMessage = "Form submitted successfully";
        $scope.successMessagebool = true;
        $timeout(function () {
            $scope.successMessagebool = false;
             window.location = '/user/userList';
        },5000);

HTML：

<div class="col-lg-12 col-sm-12 col-xs-12 alert alert-success" ng-show="successMessagebool ">
        <strong>{{successMessage }}</strong>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!