Filters ng-repeat not working inside vs-repeat

Kamilkp, thanks for this great directive. I was just wondering if it’s possible to use filter(s) inside your vs-repeat directive?

I tried the example below, but the provided default, custom filters dont filter anything. When used without your directive it works fine.

<ul vs-repeat="120" vs-offset-after="6" class="repeater-container">
    <li ng-repeat="item in items | filter:MyFilter | filter:query">
        {{item.name}}
        ...
        ...
    </li>
</ul>

[kamilkp]

That’s entirely not the fault of vs-repeat. The problem is that vs-repeat creates new non-isolated scope. And if you write:

<div ng-repeat="item in filtered = (items | filter:MyFilter | filter:query )">

you basically write to a filtered variable on the current scope. If you wrap it with vs-repeat the filtered variable gets written into vs-repeat’s scope not the outer scope. Writing like that:

<div ng-repeat="item in filtered.result = (items | filter:MyFilter | filter:query )">

should fix the issue. Chceck out the updated gist: https://gist.github.com/kamilkp/40332795f8cf256772ce/revisions

I didn’t test it but i’m pretty sure it will work like that.

[tcdevs]

I did test it and you are once again correct. Nice trick to use the ng-init attribute! That’s one of the ng-attributes i never actually use, but in this case its handy.

Thanks again for the quick help!