The snippet shows nested ng-repeat.
jquery UI sortable is used to allow drag and drop between columns which
means moving between different ng-repeat sections.
In this case 'track by' does not work as it only applies to the specific
ng-repeat directive instance, specifically tracked via 'lastBlockMap'.
Result is moved widgets are always re-rendered.
Short of some how creating my ng-repeat style directive to support a global
id mechanism, any suggestions?
<div ng-repeat="row in model.rows" class="row"
> ng-class="row.styleClass">
> <div ng-repeat="col in row.columns" class="column"
> ng-class="col.styleClass" ui-sortable="sortableOptions"
> ng-model="col.widgets">
> <div class="widgets" ng-repeat="definition in col.widgets track by
> definition.id">
> <adf-widget definition="definition" column="col"
> edit-mode="{{editMode}}" collapsible="collapsible" />
> </div>
> </div>
> </div>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
