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

kri*_*ish 3 angularjs

我试图success在 http 响应中显示一条消息 3 秒,然后我需要重定向页面。
这是我的代码

<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>
Run Code Online (Sandbox Code Playgroud)

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

Viv*_*ivz 5

更改 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);
Run Code Online (Sandbox Code Playgroud)

HTML

<div class="col-lg-12 col-sm-12 col-xs-12 alert alert-success" ng-show="successMessagebool ">
        <strong>{{successMessage }}</strong>
</div>
Run Code Online (Sandbox Code Playgroud)