使用相同的ng模型保存动态生成的输入网格
Saving dynamically generated inputs grid with the same ng-model
我有以下代码片段:
$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属性使其无效
相关文章:
- 在有角度的ui网格中设置动态列的问题
- 动态生成网格样式问题
- 冻结动态网格的标题行
- 动态网格作为自定义指令
- Extjs 4,如何使用单个Json文件为多个动态网格发送多个元数据
- 具有垂直堆栈的动态网格布局
- 如何使用煎茶触摸制作动态网格视图
- 事件的动态网格菜单
- 使用 Angularjs 的动态网格
- 添加在动态网格视图中输入的值
- 使用 ExtJS 创建动态网格
- 使用控制器中对象的位置 x,y 创建一个动态网格或表格 - 引导程序,AngularJS
- 如何使用javascript创建动态网格
- 如何使用marionete.js创建动态网格视图
- Javascript-动态网格花式删除选项
- 动态网格角与条形码生成器
- 如何使用CSS和JavaScript创建可定制的动态网格布局
- 用Javascript创建一个动态网格
- 使用jquery制作动态网格
- Openlayers 3动态网格-如何打开和关闭它