AngularJS模板绑定键/值

时间:2014-02-11 19:15:51

标签: angularjs

在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操作,但想知道是否有更好的方法通过角度魔术。

1 个答案:

答案 0 :(得分:1)

不要在Angular中使用选项值。在这种情况下我会使用这些对象数组

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