Привет У меня есть DIV оповещения следующим образом,Как исчезнуть оповещения DIV после показа его
<div style="width: 12%;" ng-if="final_data.status =='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak>
<span class="glyphicon glyphicon-ok"></span> confirmed</div>
DIV будет всплывающее, когда состояние становится подтверждено. Как я могу автоматически скрыть div после его отображения? Есть идеи, ребята?
Вы можете использовать JavaScript, чтобы удалить его:
setTimeout(function(){
var elements = document.getElementsByClassName('alert');
while(elements.length > 0){
elements[0].parentNode.removeChild(elements[0]);
}
},500);
У него есть Ng-if - несмотря на то, что его метки назначены. Я предполагаю, что это вопрос угловатый. – Shaun
Или вы можете добавить кнопку закрытия в этом сообщении состояния. При щелчке вы можете удалить элемент. –
Douwe, использую угловойJS. Итак, как я могу использовать эту функцию? нг скрывать? – vellattukudy
Попробуйте это:
Изменить
ng-if
в
ng-hide
И затем использовать тайм-аут на яваскрипт ViewModel/контроллер:
setTimeout(function{
final_data.status = 'confirmed' ;
}, 1000);
И это на HTML:
<div style="width: 12%;" ng-hide="final_data.status=='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak> <span class="glyphicon glyphicon-ok"></span> confirmed</div>
рад помочь вам
Это не работает/не работал Игорь .. – vellattukudy
Я обновляю. Попробуйте еще раз –
Вы можете наблюдать, когда статус получает изменено на "подтвердил" и сделать что-то.
<div style="width: 12%;" ng-show="canShow" ng-if="final_data.status =='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak>
<span class="glyphicon glyphicon-ok"></span> confirmed</div>
$scope.canShow = true;
$scope.$watch('final_data.status', function (newValue, oldValue)) {
if(newValue === 'confirmed') {
$timeout(function() {
$scope.canShow = false;
}, 1000);
}
});
Немного нового для AngJS. Как передать это html? – vellattukudy
Вам нужно добавить этот раздел часов в свой контроллер. Это все. Если вы измените статус через 1 минуту, он автоматически скроет div. –
Это единственный способ, вы можете действовать, как только статус изменится на подтвержденный. –
Есть кнопка, которая устанавливает final_data.status, чтобы не было подтверждено? – Shaun