如图所示，完成一个下拉框

image.png image.png

静态页

<select class="form-control"  ng-model="fruit" ng-init="fruit='0'">
 <option value="0">-选项-</option>
 <option value="1">苹果</option>
 <option value="2">香蕉</option>
 <option value="3">葡萄</option>
 <option value="4">西瓜</option>
</select>

我们可以ng-model双向绑定一个变量，ng-init初始化一个0，下拉框初始化就默认是value为0的选项

动态获取数据

这里有两种方式
1、ng-repeat

<select class="form-control" ng-model="fruit" ng-init="fruit='0'">
 <option value="0">-选项-</option>
 <option ng-repeat="f in fruitList" value="{{f.values}}">{{f.name}}</option>
</select>

js中$scope.fruitList是请求服务器获取的数据
2、ng-option

<select  class="form-control" ng-model="fruit"  ng-init="fruit='0'"
ng-options="f.values as f.name for f in fruitList">
 <option value="0">-选项-</option>
</select>

关于ng-option更多参考
http://www.jb51.net/article/67909.htm
运行效果
http://sandbox.runjs.cn/show/nhi8ubrb