您的位置:首页 > Web前端 > AngularJS

angularjs--select回显问题

2018-01-11 16:46 211 查看
html:

<select ng-model="publishTemplateId">
<option ng-repeat="itemObject in editObject.templateObject" value="{{itemObject.id}}" ng-selected="itemObject.id==object.publishTemplate.id">{{itemObject.name}}</option>
</select>


说明:保存的时候提交的参数为publishTemplateId,但是查询时后端返回为对象publishTemplate。如下图:







问题:当选择的值为model保存后,编辑该条数据,可以正常显示model;当选择的值为model3保存后,编辑该条数据,显示请选择。

查看element发现model3的option的selected属性值为selected



解决方法:使用ng-init初始化

html如下:

<select ng-model="publishTemplateId" ng-init="publishTemplateId = object.publishTemplate ? object.publishTemplate.id : ''">
<option ng-repeat="itemObject in editObject.templateObject" value="{{itemObject.id}}" >{{itemObject.name}}</option>
</select>


然后就可以愉快的玩耍了~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: