生成动态ng模型以在angularJS中进行表单控制

阿米特·库玛(Amit Kumar)

我的控制器中有一个数组。基于该数组,我将在页面上生成输入字段。

我的AngularJs代码

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.names = ['morpheus', 'neo', 'trinity'];
});

在页面上,我正在生成我的输入字段

<form name="myForm1" ng-controller="MainCtrl">
     <div ng-repeat="gg in names">
       <input type="text" ng-model="control[index]"/>
     </div>
     <input type="submit" value="submit"/>
</form>

现在,它ng-model为每个文本框生成的是control[index]

但是我想为每个文本框生成ng-model

control[0]
control[1]
control[2]

柱塞

卡尔汉·托雷斯

你必须使用

<input type="text" ng-model="control[$index]"/>

并且没有调用范围变量,control因此您还需要定义范围变量,如下所示

$scope.control = {};

这是更新的柱塞

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

生成动态ng模型以在angularJS中进行表单控制

来自分类Dev

AngularJS:动态表单生成

来自分类Dev

AngularJs动态模型生成

来自分类Dev

在模型或控制器中进行计算

来自分类Dev

在AngularJS中动态生成模型

来自分类Dev

angularjs-表单ng-submit无法与动态生成的表单html一起使用

来自分类Dev

AngularJS形式的动态ng模型名称

来自分类Dev

返回范围变量的AngularJS动态Ng模型

来自分类Dev

带有验证的AngularJs动态表单生成

来自分类Dev

带有验证的AngularJs动态表单生成

来自分类Dev

AngularJs:如何在模型中使用重复对象作为子字符串。生成动态ng模型

来自分类Dev

在控制器构造函数与表单请求中进行授权

来自分类Dev

在ng-repeat Angularjs中进行ng-switch

来自分类Dev

使用WKWebView Objective C在AngularJS中进行表单发布

来自分类Dev

将动态ng模型转换为ng-repeat AngularJS

来自分类Dev

AngularJS传递变量以在控制器中进行过滤

来自分类Dev

如何在angularjs控制器中进行反向过滤

来自分类Dev

angularjs如何在控制器中进行方法调用

来自分类Dev

通过在AngularJS中进行验证来限制ng-href

来自分类Dev

将动态生成的表单传递给控制器

来自分类Dev

AngularJS将模型应用于动态表单元素

来自分类Dev

使用ng-model和动态生成的HTML表单

来自分类Dev

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

来自分类Dev

为什么在组件/表单中进行 Angular 验证而不是在域模型上进行一次?

来自分类Dev

ng-repeat中表单的AngularJs动态名称

来自分类Dev

AngularJS:ng模型动态绑定不起作用

来自分类Dev

AngularJS-具有动态大小的数组的ng模型

来自分类Dev

在没有“直接联系”的情况下,表单生成器在表单集合中进行调用

来自分类Dev

在AngularJS中进行DRY

Related 相关文章

  1. 1

    生成动态ng模型以在angularJS中进行表单控制

  2. 2

    AngularJS:动态表单生成

  3. 3

    AngularJs动态模型生成

  4. 4

    在模型或控制器中进行计算

  5. 5

    在AngularJS中动态生成模型

  6. 6

    angularjs-表单ng-submit无法与动态生成的表单html一起使用

  7. 7

    AngularJS形式的动态ng模型名称

  8. 8

    返回范围变量的AngularJS动态Ng模型

  9. 9

    带有验证的AngularJs动态表单生成

  10. 10

    带有验证的AngularJs动态表单生成

  11. 11

    AngularJs:如何在模型中使用重复对象作为子字符串。生成动态ng模型

  12. 12

    在控制器构造函数与表单请求中进行授权

  13. 13

    在ng-repeat Angularjs中进行ng-switch

  14. 14

    使用WKWebView Objective C在AngularJS中进行表单发布

  15. 15

    将动态ng模型转换为ng-repeat AngularJS

  16. 16

    AngularJS传递变量以在控制器中进行过滤

  17. 17

    如何在angularjs控制器中进行反向过滤

  18. 18

    angularjs如何在控制器中进行方法调用

  19. 19

    通过在AngularJS中进行验证来限制ng-href

  20. 20

    将动态生成的表单传递给控制器

  21. 21

    AngularJS将模型应用于动态表单元素

  22. 22

    使用ng-model和动态生成的HTML表单

  23. 23

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

  24. 24

    为什么在组件/表单中进行 Angular 验证而不是在域模型上进行一次?

  25. 25

    ng-repeat中表单的AngularJs动态名称

  26. 26

    AngularJS:ng模型动态绑定不起作用

  27. 27

    AngularJS-具有动态大小的数组的ng模型

  28. 28

    在没有“直接联系”的情况下,表单生成器在表单集合中进行调用

  29. 29

    在AngularJS中进行DRY

热门标签

归档