AngularJS: как генерировать динамические нг-модель для типа ввода [текст]

Question

Моего текущего сценария: Я делаю вложенность повторение, как следующие:

<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_values[task.id]" > 
    </li> 
    </ul> 
</form> 

Если в tasklist массиве У меня есть 100+ tasks то это означает, что у меня более 100 одинаковых значений ng-model для <input type=text>. Здесь im using ng-model="task_input_values[task.id]" оно дает мне массив как {"14":"sometext here"} я не умею как захватить id то есть 14 и input value то есть sometext here. Более того, если у вас есть какая-то лучшая логика, пожалуйста, помогите мне. Я новичок в angularJS.

Answer 1

Вы можете редактировать относящиеся непосредственно объект вы итерация:

<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.title" > 
    </li> 
    </ul> 
</form> 

Answer 2

Смотреть демо: live demo Вам просто нужно использовать tasks переменную как массив объектов:

$scope.taskslist = [ 
    {title: "I am first text input"}, 
    {title: "I am second text input"} 
    ]; 

, а затем привязать к значению свойства объекта в ngRepeat:

<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.title" > 
     </li> 
    </ul> 
</form> 

Поскольку tasks массив - вам не нужно указать идентификатор, как tasks[$index] дать вам значение заголовка;) Пример: tasks[1] дает: {text: "I am second text input"}