Trouble using filters on complex objects

[Rodeoclash]

I'm trying to use the reverse filter on a set of complex objects which can't be serialised to JSON due to cyclic structures (although I'm not sure if this has any link to the problem I'm having).

Currently I'm using:

ng-repeat="response in collection.data.slice().reverse() track by response.element.id"

To reverse the array. The "track by" avoids infinite digest loops. If I change the code to use your reverse filter:

ng-repeat="response in collection.data | reverse track by response.element.id"

I begin to get infinite digest errors. The problem I think stems from reversing the array in place which confuses Angular's dirty tracking.

Any thoughts? I'm not quite where the problem lies with the implementation. My instinct is that a new array containing references to the objects should be returned from the filters.

[williamboman]

How about

ng-repeat="response in filteredResponses = (collection.data | reverse) track by response.element.id"

?

[Rodeoclash]

No dice. I think it's still reversing collection.data per iteration, even if it's assigned into filteredResponses.

[a8m]

@Rodeoclash, thanks you for letting me know.
It's actually was a problem in the reverseFilter that using the built-in reverse.
(because Array.prototype.reverse modifies the array instead of just creating a new one).
I fixed that and the exception disappeared.
I've update the version because it's actually a bug, see v0.4.9

Let me know if it's solving your problem.
thx

[Rodeoclash]

Works great!