2016-01-06 82 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' .. –