2015-06-08 4 views
1

В настоящее время я использую версию Ionic 1.3.16. Здесь мне нужно выбрать несколько элементов списка в приведенном ниже списке.Ionic/Как выбрать несколько элементов в списке?

<div class="list listbox" ng-if="MemberData.length" ng-repeat="d in MemberData"> 

     <div class="item item-avatar item-list-detail item-thumbnail-left thumnail_box">     
       <img ng-if="d.ThumbnailUrl" src="{{d.ThumbnailUrl}}" class="imground"> 
       <div ng-if="d.ThumbnailUrl==''|| d.ThumbnailUrl==null" class="item-icon-left"> 
        <div><i class="icon ion-person bgskyblue iconx dashboardsquare"></i></div> 
       </div> 
       <h3 class="spaceWrap"><b>{{d.Name}}</b></h3> 
       <p class="spaceWrap"> 
        <span class="small"><i class="icon ion-location">&nbsp;</i>{{d.Location}}</span> 
       </p> 

      </div> 
    </div> 

Снимок экрана страницы списка: enter image description here

ответ

7

Используйте ng-click директиву:

<div class="item" ng-click="clicked(d)" ng-class="{ active: d.selected }"> 
    <h3 class="spaceWrap"><b>{{d.Name}}</b></h3> 
</div> 

контроллер:

var selected = []; 

$scope.clicked = function (member) { 
    var index = selected.indexOf(member); 
    if(index > -1) { 
     selected.splice(index, 1); 
     member.selected = false; 
    } else { 
     selected.push(member); 
     member.selected = true; 
    } 
} 

JSFIDDLE

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