Knockout Js - привязка отдельного элемента из массива json к элементу
У меня есть следующая модель представления, которая содержит массив элементов
function ReservationsViewModel() {
var self = this;
self.availableMeals = [
{ mealName: "Standard (sandwich)", price: 0, id = 1 },
{ mealName: "Premium (lobster)", price: 34.95, id = 2 },
{ mealName: "Ultimate (whole zebra)", price: 290, id = 3 }
];
}
Я хочу связать эту модель представления со входом, но я хочу связать только имя еды элемента «Единый массив», у которого значение id является атрибутом data-id входа.
<input type="text" id="firstElementMealName" data-id="1" data-bind="value: ??"></input>
В этом примере я бы связал элемент массива с id = 1, и текст выглядел бы как «Стандартный (сэндвич)», но мне все еще нужно полное связывание и отслеживание изменений (наблюдаемые) и все другие полезные вещи в Knockout.
Как подобрать идентификатор данных и использовать его в коде привязки, чтобы связать соответствующую еду со входом?
заранее спасибо