Comment créer le dictionnaire comme le modèle de liaison en AngularJS

Sur ma page j'ai généré dynamiquement les balises input à partir de la base de données. Ces domaines pourrait ressembler à ça:

<input id='customField-Street' type='text' />
<input id='customField-Height' type='text' />
<input id='customField-IsBlack' type="checkbox" />
<select id='customField-Car'>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
</select>

J'ai besoin de trouver un moyen de définir un modèle de liaison en suivant format clé-valeur:

$scope.customFieldsDictionary = [{ 
    "Key": "customField-Street",
    "Value": "SomeStreet"
}, {
    "Key": "customField-Height",
    "Value": "125"
}, {
    "Key": "customField-IsBlack",
    "Value": "true"
}, {
    "Key": "customField-Car",
    "Value": "volvo"
}];

J'ai besoin d'avoir format clé-valeur depuis mon service accepter des données personnalisées dans ce format.

Question:
Comment définir AngularJS une liaison bidirectionnelle entre les champs de saisie et $scope.customFieldsDictionary champ dans le dictionnaire spécifié comme format.

avez-vous envoyer dictionnaire du C#?

OriginalL'auteur MaciejLisCK | 2013-11-20

  1. 4
    <div ng-repeat="obj in customFieldsDictionary">

    <input ng-model="obj.Value" id='{{obj.Key}}' ng-if="obj.Key == 
    'customField-Street' || obj.Key == 'customField-Height'" type='text'/>

    <input ng-model="obj.Value" id='{{obj.Key}}' ng-if="obj.Key == 
    'customField-IsBlack'" type="checkbox" />

    <select ng-model="obj.Value" id='{{obj.Key}}' ng-if="obj.Key == 
    'customField-Car'" ng-options="car for car in cars"></select>
</div>

    Contrôleur:

    function ctrl($scope){
    $scope.cars = ["Volvo","Saab"];
    $scope.customFieldsDictionary = [{ 
        ...
    }];
}
    si c'est un dictionnaire à venir à partir de c#, serait-il travailler de la même manière ?

    OriginalL'auteur AlwaysALearner