Привязка данных к определенному элементу массива в Angular
Учитывая структуру данных, которая содержит массив объектов JavaScript, как я могу связать определенную запись из этого массива с полем ввода, используя Angular?
Структура данных выглядит следующим образом:
$scope.data = {
name: 'Foo Bar',
fields: [
{field: "F1", value: "1F"},
{field: "F2", value: "2F"},
{field: "F3", value: "3F"}
]
};
fields
массив содержит несколько экземпляров данной структуры, причем каждая запись имеетfield
атрибут иvalue
приписывать.
Как я могу связатьinput
контроль кvalue
атрибут поля записи массива сfield
?F1
Я знаю, что могу связать все поля, используяng-repeat
, но это'не то, что я хочу. Приведенные выше данные являются просто примером из гораздо большего списка полей, где я хочу привязать только заранее заданное подмножество полей к элементам управления на экране. Подмножество не основано на атрибутах в записях массива, но известно во время разработки страницы.
Поэтому для приведенного выше примера я бы попытался привязать F1 к одному входу на странице, а F2 - к другому. F3 не будет связан с контролем.
Мы видели примеры, когда функция использовалась вng-model
, но это не такКажется, что работает с Angular 1.1.0.
Есть ли другой умный способ привязать поле ввода к определенной записи массива?
Вот's скрипка, которая имеет пример, но не работает, так какпытается использовать функцию вng-model
атрибут:http://jsfiddle.net/nwinkler/cbnAU/4/
Обновить
Исходя из приведенной ниже рекомендации, это должно выглядеть так:http://jsfiddle.net/nwinkler/cbnAU/7/