2014-12-16 4 views
0

У меня есть фильтр, работающий на мульти выбора, но когда я пытаюсь, что я видел по следующей ссылке не работает:AngularJS: Сортировать по мульти выберите

https://docs.angularjs.org/api/ng/filter/orderBy

Как получить сортировать, чтобы изменить, нажав на глификон?

Visual of the page

<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> 

ответ

2

Изменить

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

в

ng-repeat="group in rbacGroups | filter:filterText | orderBy:'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">... 
+0

Thank you - это сработало. – webdev5

Смежные вопросы