angularJS 修改操作select回显选中的数据

Posted zhoupan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJS 修改操作select回显选中的数据相关的知识,希望对你有一定的参考价值。

使用  ng-selected 指令
<div class="form-group">
                <label for="role" class="col-sm-2 control-label">所属权限</label>
                <div id="roleId" class="col-sm-10">
                    <select class="form-control  input-sm" ng-model="doctor.role" name="role" id="role">
                        <option ng-repeat="role in roles" ng-selected="doctor.role.id == role.id" value="{{role}}" >{{role.roleName}}</option>
                    </select>
                </div>
            </div>
<div class="form-group">
                <label for="partyid" class="col-sm-2 control-label">所属公司</label>
                <div id="party" class="col-sm-10">
                    <select class="form-control  input-sm" ng-model="doctor.orgCode" name="partyid" id="partyid">
                        <option  value="1268" >CPI_330048_上电投资</option>
                        <option ng-repeat="party in partyList" ng-selected="doctor.orgCode == party.partyid" value="{{party.partyid}}" >{{party.partyname}}
                        </option>
                    </select>
                </div>
            </div>

 

以上是关于angularJS 修改操作select回显选中的数据的主要内容,如果未能解决你的问题,请参考以下文章

struts2页面中修改为啥select值不回显

Thymeleaf select 数据回显 选中

vue element-ui select框选中回显

vue+elementUi实现select标签选项带图片,且选中回显图片

elementUITable的多选框:分页选择数据回显,分页保存选中的数据。

select下拉框选择后回显问题