2016-01-06 134 views
1

我现在的情况是:我做嵌套重复类似如下:AngularJS:如何生成动态NG-模型输入类型=文本

<form name="task_form" ng-app="myApp" ng-submit="tasksubmit()">  
<ul class="items-list"> 
     <li ng-repeat="task in taskslist | orderBy:orderProp"> 
     <p> 
     <strong>{{task.title}}</strong> 
     </p> 
     <input type="text" ng-model="task.input_value"> 
    </li> 
    </ul> 
</form> 

如果tasklist阵列我有100多个任务,那么就意味着我有<input type=text>以上的100多个相同的ng-model值。这里的问题是,我如何获得<input type = text>的值与任何task.id的值,以便我可以使用这些输入值进一步使用。

回答

3

您可以使用一个对象 - 使task.id的关键:

$scope.taskValues = {}; 

和视图:

<input type="text" ng-model="taskValues[task.id]"> 
+0

和我将如何获得在输入​​的值先生? –

+1

@TechKid - 取决于你什么时候需要它 - 你可以在任何时候循环“taskValues” - 或者你可以在每个'input'附加一个'ngChange'事件,并在输入时获取该值 – tymeJV

+1

先生,请你帮忙使用plunker或小提琴, 我实际上想在表单提交时获得'input values'和'task.id' .. –