angular JS修改操作select无法绑定回显

今天在用angualr写select的时候,当我JS给select数据赋予初始值时,数据双向绑定并没有将初始值赋予select框中,最后找啊找,试啊试,终于找到了一种方法:
利用ng-selected 指令:
我写的是双层循环,在第二层循环的时候,allDataList 中每个对象的id都是有值的,当回显的时候一直失败,也找不到原因,最后利用了ng-selected="project.id == item.id"这句代码,利用id是否一致来判断是否选中

<div class="detail-item" ng-repeat="project in allDataList track by $index" >
		<div class="detail-item" style="border: 1px solid #999;padding: 5px;">
				<select style="width:45%"  ng-model="project.id" disabled="true">
						<option ng-repeat="item in selectList" ng-selected="project.id == item.id" value="{{item.id}}">{{item.name}}</option>
				</select>
				<div style="display:inline-block;width:45%;padding-left:20px">
						<label>权重:</label><input style="width:20%;text-align: center;" ng-model="project.weights" disabled="true"/>
				</div>
		</div>
</div>

成功回显~~啦啦啦
在这里插入图片描述

发布了53 篇原创文章 · 获赞 33 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/weixin_42966484/article/details/90411827