angularjs - Angular UI sortable connected lists with labeled sections -
i'm trying ui sortable connected lists play nice. basically, want keep functionality of 2 connected lists i'd list on right side have 2 sections: "first place" holds first tab , "everything else" holds rest of tabs. basically, want add 2 labels in there separate things visually. user should able sort things vertically if labels weren't there , move tabs between 2 lists. this pen should demonstrate i'm trying do.
you'll notice can't insert markup into
<div class="app" ng-repeat="app in list2">{{$index}} {{app.title}}</div> as want labels appear 1 time...
any ideas?
using $first , $index:
<div ui-sortable="sortableoptions" class="apps-container screen floatleft" ng-model="list2"> <div ng-repeat="app in list2"> <div ng-if="$first">first place</div> <div ng-if="$index == 1">everything else</div> <div class="app">{{$index}} {{app.title}}</div> </div> </div>
Comments
Post a Comment