javascript - ng-repeat を使用した AngularJS SVG レンダリング順序

Question

ディレクティブ<g>を使用して要素のリストを順序付けまたは反転しようとすると、レンダリング順序の問題が発生します。ng-repeatこれを再現するためのplunkrは次のとおりです。http://plnkr.co/edit/f2pgSq?p=preview

AngularorderByとfilter. 私は何が欠けていますか？前もって感謝します。

Answer 1

問題はng-attr-y="{{y + (item.id - 1) * (h + 6)}}"のです<rect ng-repeat...>。

に変更します

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

s が逆になるため、の$index代わりに外側のリピーターのを使用することをお勧めします。idid

Demo