Возможно ли (или еще не возможно) использовать ngModel
для значений из ngFor
? Является ли Angular пытаться защитить меня от плохой производительности?
Отлично работает: http://jsfiddle.net/langdonx/n5pjgev6/
<input type="text" [(ng-model)]="value">{{value}}
Не работает так хорошо: http://jsfiddle.net/langdonx/n5pjgev6/1
<li *ng-for="#name of names">
<input type="text" [(ng-model)]="name">{{name}}
</li>
ИСКЛЮЧЕНИЕ: Невозможно переназначить имя привязки переменных
Я также попытался привязать к массиву, который... вроде работает, но захватывает фокус, а также генерирует исключение: http://jsfiddle.net/langdonx/n5pjgev6/2/
<li *ng-for="#name of names; #i = index">
<input type="text" [(ng-model)]="names[i]">{{name}}
</li>
ИСКЛЮЧЕНИЕ: LifeCycle.tick называется рекурсивно
Edit:
Я могу обойти проблему LifeCycle.tick
, используя более прямой подход, но фокус все равно украден, потому что ngFor
перерисовывает вещи: http://jsfiddle.net/langdonx/n5pjgev6/3/ p >
<li *ng-for="#name of names; #i = index">
<input type="text" [value]="names[i]" (input)="names[i] = $event.target.value">{{names[i]}}
</li>