如图所示，完成一个下拉框
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
