使用相同的ng模型保存动态生成的输入网格

Saving dynamically generated inputs grid with the same ng-model

本文关键字:动态 网格 输入 保存 模型 ng      更新时间:2023-09-26

我有以下代码片段:

$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个信息Activite.name_activity生成,我如何获取所有数据。我真的需要帮助。

我认为你需要做一些类似的事情

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

以使这些属性值唯一。

旁注-html文档中重复的id属性使其无效