Knock-out Js de Liaison à un seul élément d'un tableau json à un élément

J'ai le point de vue suivant modèle qui contient un tableau d'éléments

   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 }
        ];  
  }

Je veux lier ce modèle d'affichage pour une entrée, mais je veux lier l'Unique élément de tableau de repas nom de l'id de la valeur que les données de l'attribut id de l'entrée.

<input type="text" id="firstElementMealName" data-id="1" data-bind="value: ??"></input>

Dans cet exemple, je voudrais lier le tableau de l'élément avec l'id = 1, et le texte apparaîtra comme "Standard (Sandwich)", mais j'ai encore besoin de la pleine de liaison et de suivi des modifications (observables) et toutes les autres bonnes choses en Huitièmes de finale.

Comment faire pour récupérer les données-id et l'utiliser dans le code de liaison pour lier le repas approprié à l'entrée?

Merci d'avance

OriginalL'auteur Faris Zacina | 2012-02-01