我试图在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>
解决方法
在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>
