Сохранение динамически генерируемой входной сетки с той же ng-моделью

Question

Сохранение динамически генерируемой входной сетки с той же ng-моделью

0

У меня есть эти фрагменты кода:

$scope.createPack = function(informationsPack, informationsActivite) {
            PackService.add(informationsPack, informationsActivite)
                .then(function(res) {
                    $state.go('packs.list');
                }, function(error) {
                    alert('error : ' + error);
                })

        };

 <form name="packAddForm" id="packAddForm" class="form-horizontal">
                    <div ng-repeat="item in items">
                        Jour {{ item.jour }}
                        <div class="form-group">
                            <div>
                                <input type="text" id="nom_activite" class="form-control" placeholder="Nom Activité"
                                        ng-model="informationsActivite.name_activity">
                            </div>
                        </div>

                        <div class="form-group">
                            <div>
                                <textarea name="description_activite" id="description_activite" cols="60"
                                          rows="5" ng-model="informationsActivite.description_activity"></textarea>
                            </div>
                        </div>
                    </div>
                </form>
<button type="button" class="btn btn-primary"  data-dismiss="modal"
                        ng-click="createPack(informationsPack, informationsActivite)">
                    Enregistrer</button>

То, что я пытаюсь в основном сделать, это генерировать 1, 2 или 3 ввода на основе того, что дал пользователь. И это то, что делает ng-repeat. Но проблема заключается в том, когда я отправляю форму, как я могу получить все значения генерируемых входов. Если бы это был только один вход, было бы хорошо. Но, например, если у меня есть 2 информации, то получается, что я могу получить все данные. Мне действительно нужна помощь.

lakhassane 05 нояб. 2015, в 13:27

Источник

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

koolunix · Accepted Answer · 2015-11-05T14-26-00.000Z

Я думаю, вам нужно сделать что-то вроде этого

<div>
    <textarea name="description_activite{{$index}}"
        id="description_activite{{$index}}" cols="60" rows="5"
        ng-model="informationsActivite.description_activity{{$index}}"></textarea>
</div>

чтобы сделать эти значения атрибутов уникальными.

Сайд note- дублирует атрибуты идентификатора в html-документе делает его недействительным

Спасибо за помощь koolunix. И после какого уровня http сервисов, как передавать в базу данных по почте?
Используйте директиву NG-submit в элементе формы для публикации в базе данных. Взгляните на это: docs.angularjs.org/api/ng/directive/form