AngularJS进阶(四十二)ng-options渲染的第一项为空问题分析及解决方案_angular1 option 的value值 赋值0 会展示不出数据来(1)

二、原因剖析

使用ng-options的时候，是配合模型指令ng-model一起使用的，从而我们就可以知道，渲染生成的第一项为空原因肯定和ng-model的初始值有关系。

三、解决办法

• 可以在控制器中给ng-model的初始值设置为下拉选项中的某个值或对象；
• 可以给select默认增加一项类似“请选择”的选项。

四、示例

控制器

var instsData ={
		"result":"0000",
		"errtext":"",
		"data":[
			{"instName":"中国银行","instCode":"000996"},
			{"instName":"中国西电","instCode":"601179"},
			{"instName":"中国重汽","instCode":"000951"}
		]};
var results = instsData.data;
$scope.inst = results[0];
$scope.insts = results;

<select id="selectInput" style="display:none"
 ng-model="inst"
 ng-options="inst.instCode as inst.instName for inst in insts" ng-change="doChange()">
	<option value="">----请选择----</option>
</select>

效果

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！