Alert Add / AngularJS / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: AngularJS

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Уникальный ID: 298

Количество символов:

Посмотрели: 1410 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: http://u.to/sXdADQ

Информация: Пользователям

Информация: Правообладателям

Теги: alert, angularjs, Snippet, алерт, сниппет, Angular, Bootstrap, ангулар, html, бутстрап

Поделился: aTmpl

Добавлено: 2015-12-08 в 23:40

Метка: 1582102493

⇄ ⇅

<div ng-controller="AlertDemoCtrl">
 <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
 <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>
 <div ng-controller="AlertDemoCtrl">
 <alert ng-repeat="alert in alerts" type="{{alert.type}}">{{alert.msg}}</alert>
 <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

</div>

</div>
 </div>

$scope.addAlert = function() {
 $scope.alerts.push({msg: 'Another alert!'});
 };

$scope.closeAlert = function(index) {
 $scope.alerts.splice(index, 1);
 };
});
</script>

BootstrapTema

Alert Add

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0