Я показываю bootstrap3 тревога при нажатии Кнопка СОХРАНИТЬсообщения об успехе / ошибке / предупреждении появятся внизу кнопки. Проблема в том, что ALERT отображается, но не удаляется, поскольку функция скольжения не работает, я написал код In-Line HTML
<script type = "text/javascript">
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 4000);
</script>
Этот же код я использую на некоторых других страницах, он отлично работает, но на этой странице я использовал проверку условий AngularJs нг-переключатель ... Итак, вот HTML-код
<div class = "form-group" ng-model = "ngModelAlertmsg" ng-switch = "ngModelAlertmsg">
<div class = "col-md-9 col-md-offset-3">
<script type = "text/javascript">
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 4000);
</script>
<div ng-switch-when = "success" class = "alert alert-success alert-dismissible fade in col-md-6 alert-trim">
<a href = "#" class = "close" data-dismiss = "alert" aria-label = "close">×</a>
Charges Updated successfully.
</div>
<div ng-switch-when = "failed" class = "alert alert-danger alert-dismissible fade in col-md-6 alert-trim">
<a href = "#" class = "close" data-dismiss = "alert" aria-label = "close">×</a>
Something went wrong,Please try again later.
</div>
<div ng-switch-when = "warning" class = "alert alert-warning alert-dismissible fade in col-md-6 alert-trim">
<a href = "#" class = "close" data-dismiss = "alert" aria-label = "close">×</a>
Please check your given data.
</div>
</div>
</div>var app = angular.module('ngapppmanual', []);
app.controller('ngctrlmanual', function($scope, $http, $location) {
$scope.ngshowchargelist = false;
$scope.getChargeDetails = function()
{
var url = $location.absUrl() + "/showmanuallist/" + $scope.selectedcharge;
var config = {
headers : {
'Content-Type' : 'application/json;charset=utf-8;'
}
}
$http.get(url, config).then(function(response)
{
if (response.data.status == "success")
{
$scope.manualresult = response.data.dataObj;
$scope.ngshowchargelist = true;
$scope.ngModelAlertmsg = response.data.status;
} else
{
$scope.getResultMessage = "Customer Data Error!";
$scope.ngModelAlertmsg = "warning";
}
},
function(response)
{
$scope.getResultMessage = "Fail!";
});
}Я пробовал в хромированной консоли, она не показывала никаких ошибок.Поэтому я запутался, пожалуйста, помогите мне.Заранее спасибо.
Какую версию AngularJS вы используете? Я спрашиваю, потому что ng-switch был изменен в какой-то момент
@BhumiShah, я знаю "$ (". Alert "). SlideUp (2000, function () {$ (this) .remove ();});" скрипт работает без использования ng-switch, вот в чем проблема.
@Protozoid Angular V1.6.9



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Измените ваш ng-switch = "ngModelAlertmsg" на ng-switch on = "ngModelAlertmsg", как показано в документация здесь.
<div class = "form-group" ng-switch on = "ngModelAlertmsg">
<div class = "col-md-9 col-md-offset-3">
<script type = "text/javascript">
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 4000);
</script>
<div ng-switch-when = "success" class = "alert alert-success alert-dismissible fade in col-md-6 alert-trim">
<a href = "#" class = "close" data-dismiss = "alert" aria-label = "close">×</a>
Charges Updated successfully.
</div>
<div ng-switch-when = "failed" class = "alert alert-danger alert-dismissible fade in col-md-6 alert-trim">
<a href = "#" class = "close" data-dismiss = "alert" aria-label = "close">×</a>
Something went wrong,Please try again later.
</div>
<div ng-switch-when = "warning" class = "alert alert-warning alert-dismissible fade in col-md-6 alert-trim">
<a href = "#" class = "close" data-dismiss = "alert" aria-label = "close">×</a>
Please check your given data.
</div>
</div>
</div>
Да ... в примере использования документы неверны. :(
РЕДАКТИРОВАТЬ:
ng-model из <div> верхнего уровня.,, никаких изменений не происходит .. другие попытки?
Скорректирована потенциальная проблема в ответ, попробуйте сейчас, пожалуйста
извините, протозоид, все еще без изменений, сообщение не скрывается через 5 сек.
Наконец-то я получил ответ с этого сайта http://itsolutionstuff.com/post/how-to-hide-div-after-some-time-using-angularjsexample.html
работает отлично.
<div ng-app = "mainApp" ng-controller = "myController">
<p ng-hide = "isCheck" style = "background:red;padding:5px;">{{ myText }}</p>
</div>
<script>
var mainApp = angular.module("mainApp", []);
mainApp.controller('myController', function($scope, $timeout) {
$scope.myText = "This is for example";
$scope.isCheck = false;
$timeout(function () { $scope.isCheck = true; }, 4000);
});
</script>
если вы используете $ (". alert"). slideUp (2000, function () {$ (this) .remove ();}); , слайд вверх работает, зачем вам settimeout и fade?