AngularJS：按多选排序

我在multi-select上有一个过滤器，但当我尝试在以下链接上看到的内容时，它不起作用：

如何通过单击图标来更改排序

<div>
        <label>Available</label>
        <label style="float: right; position: relative; left: 141px;">Assigned</label><br />
        <input type="text" ng-model="filterText" style="width: 50px; position: relative; left:-36px;"/>
        <button style="position: relative; left: -30px;">Filter</button>
        <div style="position: relative; top: 0px; left: 311px; float: left;">
            <a href="" ng-click="reverse=!reverse;order('name', reverse)"><span  class="glyphicon glyphicon-sort-by-attributes-alt"></span></a>
            <a href="" ng-click="reverse=!reverse;order('name', reverse)"><span class="glyphicon glyphicon-sort-by-attributes"></span></a>
        </div>
        <br />
        <select id="available-groups"  multiple>
            <option value="{{group._id}}"  ng-repeat="group in rbacGroups | filter:filterText">{{group.name}}</option>
        </select>
        <button id="addGroup" style="position: relative; top: -72px; left: 21px;">Add &raquo;</button><br />
        <button id="removeGroup" style="position: relative; top: -72px; left: 375px;">&laquo; Remove</button>
        <br />
        <select id="assigned-groups" ng-model="cgroups"  multiple required="required">

        </select>
    </div>

可用
分配的

滤器


{{group.name}
添加»

&拉阔；去除

更改

ng-repeat="group in rbacGroups | filter:filterText"

到

也会改变

<a href="" ng-click="reverse=!reverse;order('name', reverse)">...
<a href="" ng-click="reverse=!reverse;order('name', reverse)">...

。。。
...

到

。。。
...

<a href="" ng-click="reverse=!reverse;order('name', reverse)">...
<a href="" ng-click="reverse=!reverse;order('name', reverse)">...

<a href="" ng-click="reverse=false">...
<a href="" ng-click="reverse=true">...