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

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -