如何在角度选择框内渲染选项

时间:2015-07-30 11:23:33

标签: angularjs

如何在下拉列表中显示值(selectbox选项)。 我需要在selectbox中显示“标题”和“页脚”名称。

$scope.sections = [
   {
      "header":{
         "background-color":"#fff",
         "color":"#fff"
      },
      "footer":{
         "background-color":"#fff",
         "color":"#fff"
      }
   }
];

我尝试了以下方式,但没有工作,

<select name="section" class="form-control" ng-model ="section">
   <option ng:repeat="options[0] in sections">
        {{options[0]}}
  </option>
</select>

1 个答案:

答案 0 :(得分:2)

您需要迭代键而不是值。

<option ng-repeat="(option, val) in sections[0]">
    {{option}}
</option>

或使用ng-options

ng-options="option for (option, val) in sections[0]"

见羽毛球 http://plnkr.co/edit/FQEooL5wNh8Xl8GprT99?p=preview