模板中有几个小问题:
- 您要将对象从
availableclients
移到selectedclients
,但是第一个选择显示的是clientsList
从而不是从的选项availableclients
您移动的是ID,而不是对象。您的ng-option应该只是
client as client.name for client in availableclients
您 删除所有 按钮将从可用移到选定,而不是从选定移到可用。
这是一个工作正常的plunkr:http
://plnkr.co/edit/RYEmpkBjQStoCfgpWPEK?p=preview
<label for="aclients">Available Clients</label> <select size="5" multiple ng-model="available" ng-options="client as client.name for client in availableclients" ></select><input id="moveright" type="button" value="Add Client" ng-click="moveItem(available[0], availableclients,selectedclients)" /><input id="moverightall" type="button" value="Add All Clients" ng-click="moveAll(availableclients,selectedclients)" /><input id="move left" type="button" value="Remove Client" ng-click="moveItem(selected[0], selectedclients,availableclients)" /> <input id="moveleftall" type="button" value="Remove All Clients" ng-click="moveAll(selectedclients,availableclients)" /><label for="sclients">Selected Clients</label> <select size="5" multiple ng-model="selected" ng-options="client as client.name for client in selectedclients" ></select>



