Using limitTo in directive with ng-repeat removes all my items from the DOM

Asked Jan 27 '17 at 05:53

Active Jan 29 '17 at 00:21

Viewed 113 times

I'm building an angularJS app. I've many data to retrieve from an array of json objects, and I've to limit the number of those data, and I want to use limitTo to perform that.

I use ng-repeat inside a directive like below :

<my-directive
    ng-repeat="unConteneur in conteneurs | limitTo: 10"
    ng-show="(unConteneur.libelle_rubrique==rubriqueCourante || unConteneur.nom==rubriqueCourante) && hideSearch"
    contenu="unConteneur">
</my-directive>

But putting limitTo, removes all my items from the DOM. My code work properly when I remove limitTo. And I don't know why!

I imported angular and all other libraries correctly.

Where I'm wrong?

edited Jan 29 '17 at 00:21

Shi

4,178
1
26
31

asked Jan 27 '17 at 05:53

kabrice

1,475
6
27
51

can you see the directive in the console? Are you sure it is because of limitTo, or maybe limitTo is causing the boolean value for ng-show to be false, and it doesn't appear at all. – relentless-coder Jan 27 '17 at 05:59
what does "contenu" represent in your code? – relentless-coder Jan 27 '17 at 06:08
Something like this in a directive : `.directive("contenusRubrique", function () { return { restrict: "E", templateUrl: '/contenusRubrique', replace: true, scope: { contenu: "=", recherche: "=" } } })` – kabrice Jan 27 '17 at 06:12
Can you create a plunker? That would help us understand better. – relentless-coder Jan 27 '17 at 06:15
Nope sorry because I use an html template called Twig and plunker doesnt support that – kabrice Jan 27 '17 at 06:20
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/134146/discussion-between-ayush-bahuguna-and-kabrice). – relentless-coder Jan 27 '17 at 06:30

Using limitTo in directive with ng-repeat removes all my items from the DOM

0 Answers0