我试图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 秒并立即重定向页面。
更改 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)