gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 09:47:53 24 4
gpt4 key购买 nike

我试图在 http 响应中显示一条 success 消息 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>

但它没有在我的成功框中显示消息。它只显示空的成功框仅 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>

关于angularjs - 在 $http 响应中显示成功消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44798898/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com