选择框默认值,并将ng-model设置为第一个值

时间:2015-11-29 18:52:44

标签: angularjs

我有一个选择框,其中的选项生成如下:

<select ng-model="module.sectionID">
  <option ng-repeat="section in sections" value="{{section.$id}}">
     {{section.title}}
  </option>
</select>

正如您所看到的,该选项的值是任意的,因此我无法像这样设置默认值:

ng-init="module.sectionID='this value will change'"

我希望默认值是选择框中的第一个选项,现在它始终是null / blank值,直到他们做出选择,这不是非常用户友好。

1 个答案:

答案 0 :(得分:1)

   <select ng-model="module.sectionID" ng-init="module.sectionID=sections[0].$id" ng-options="section.$id as section.title for section in sections">
   </select>