使用ng-repeat的AngularJS SVG渲染顺序

Question

尝试使用<g>指令对ng-repeat元素列表进行排序或反转时，我遇到了渲染顺序问题。这是一个重现它的傻瓜：http://plnkr.co/edit/f2pgSq?p=preview

我想强烈使用Angular的orderBy和filter。我错过了什么？提前谢谢。

Answer 1

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

将其更改为

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

你想要的是使用外部中继器的$index而不是id，因为id将被颠倒。

的 Demo