Шаблон привязки шаблона AngularJS

Question

Возможно ли в директиве AngularJS ng-model установить ключ объекта и значение в другом. Например:

{ 
     1234: "blue" 
    } 

, а затем мой шаблон выглядит следующим образом:

<select ng-model="obj[?]"> 
     <option value="1234">Panda</option> 
     <option value="1235">Moose</option> 
    </select> 

    <select ng-model="obj[?]"> 
     <option value="blue">Blue</option> 
     <option value="red">Red</option> 
    </select> 

в основном я хочу, чтобы установить ключ в качестве первого выбора и значение из второго выбора этого ключа. Я знаю, что это возможно с некоторыми основными манипуляторами obj, но задаваясь вопросом, есть ли лучший способ с помощью угловой магии.

Answer 1

Не используйте значения опций в Угловом. Я бы использовал эти массивы объектов в этом случае

<select ng-model="choices[0].key1"> 
    <option>Panda</option> 
    <option>Moose</option> 
</select> 

<select ng-model="choices[0].key2"> 
    <option>Blue</option> 
    <option>Red</option> 
</select> 

$scope.choices = [{ 
    key1 : "Panda", 
    key2 : "Blue" 
},{ 
    key1 : "Moose", 
    key2 : "Red" 
}];