Question

我有这些代码片段：

$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 informationsActivite.name_activity ，我如何获得所有数据。我真的需要帮助。

Answer 1

我认为你需要做这样的事情

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

使这些属性值唯一。

侧面注释 - html文档中的重复ID属性使其无效

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

1 个答案: