javascript - AngularJS SVG rendering order using ng-repeat

Question

I'm having rendering order issues when trying to order or reverse a list of <g> elements using ng-repeat directive. Here's a plunkr to reproduce it: http://plnkr.co/edit/f2pgSq?p=preview

I'd like to use intensively Angular's orderBy and filter. What am I missing? Thanks in advance.

Answer 1

问题ng-attr-y="{{y + (item.id - 1) * (h + 6)}}"是<rect ng-repeat...>.

将其更改为

ng-attr-y="{{y + $parent.$index * (h + 6)}}" 

您想要的是使用$index外部中继器的 s 而不是s ，id因为ids 将被反转。

Demo