Добавление поля INPUT при клике / AngularJS / Сниппеты Bootstrap

Версия: v1.0.1

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

Категория: AngularJS

Bootstrap: 3, 4

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

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

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

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

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

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

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

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

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

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

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

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

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

Поделился: IZOTOP

Добавлено: 2015-12-11 в 19:01

Метка: 1582102202

⇄ ⇅

<input class="form-control" name="name"
 ng-model="participant.name"
 placeholder="Добавьте имя"
 required>
 <span ng-messages="formParticipant{{$index}}.name.$error" ng-show="formParticipant{{$index}}.name.$invalid" class="help-block">
 <span ng-message="required">Поле не может быть пустым</span>
 </span>
 </form>

<button class="btn btn-default" ng-click="Participants.add()">
 Добавить участника
 </button>
 Всего: {{Participants.list.length}} участников

function Participants() {
 var self = this;

self.list = [
 { name: 'Вася' },
 { name: 'Валя' },
 { name: 'Петя' },
 { name: '' }
 ];

self.add = function() {
 var newParticipant = { name: '' };
 self.list.push(newParticipant);
 }
 }
 app.controller('ParticipantsCtrl', Participants);
 </script>

</div>

</div></div>

BootstrapTema

Добавление поля INPUT при клике

Скриншот

Подробнее

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

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

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