select 赋值、回显

 

注意：

<select

data-ng-change="changeValue(x)"

data-ng-model="x"> //data-ng-model绑定的是传递的id

<option data-ng-repeat="x in names"

data-ng-value="x.id"  --传递的id

data-ng-selected="x.id=='{{updateCertificateInventory.cydwid}}'"> --默认选择设置

   {{x.text}}
</option>
</select> 

 

简单伪代码如下： 

 js

/**select 填充**/

certificateInventoryService.getCydw().success( function(responseData) {

var cydwObj = responseData['moreData']['data'];

$scope.names=cydwObj;//数据格式在最下面

 

});

/**select change 事件**/

$scope.changeValue=function(id){

$scope.cydwid=id;

}

jsp
<div class="form-group">
<label class="col-md-2 control-label">承印单位</label>
<div class="col-md-4">
<select data-ng-change="changeValue(x)"  data-ng-model="x" >
<option data-ng-repeat="x in names" data-ng-value="x.id"

data-ng-selected="x.id=='{{updateCertificateInventory.cydwid}}'">
   {{x.text}}
</option>
</select>
</div>
</div>

//静态数据格式

names=

[

    {

        "id": "b3366ffa6f8a4a40961fa46ff514eb44",

        "text": "东港印刷单位",

        "value": "dgys",

        "requireKey": "10001",

        "defaultValue": null,

        "tabIndex": null,

        "description": null,

        "keyId": "745d33e62b074e81b85264473c9a5b9d"

    },

    {

        "id": "9caf4aa89101401485f0e30cee68e41e",

        "text": "1",

        "value": "2",

        "requireKey": "10001",

        "defaultValue": null,

        "tabIndex": null,

        "description": "100",

        "keyId": "745d33e62b074e81b85264473c9a5b9d"

    }

]