After upgrading from Angular5 to Angular7, slice pipe is going into infinite loops

Question

I have upgraded my project from angular 5 to angular 7. After upgrading to latest, slice pipe is not working as expected. It is going into infinite loops in the angular core files. My browser screen also got struct in the same page.

*ngFor="let hero of heroes | slice:0:3;"

When I removed the slice pipe and use *ngIf, page is woking fine.

<div *ngFor="let hero of heroes;let i=index"><div *ngIf="i<3"></div></div>

Thanks in Advance!

can you provide a minimal reproducible example in stackblitz, this helps the SO community to better answer your question — Farhat Zaman, Feb 12 '19 at 10:39
code is same as https://stackoverflow.com/questions/53430659/angular7-template-parse-errors-the-pipe-titlecase-slice-could-not-be-fou — Arron, Feb 12 '19 at 12:11
created a stackblitz repository in >>https://angular-75kaqz.stackblitz.io — Arron, Feb 14 '19 at 11:28

score 0 · Answer 1 · answered Feb 13 '19 at 14:53

0

remove ; from slice use like this *ngFor="let hero of heroes | slice:0:3"

answered Feb 13 '19 at 14:53

user10506353

19
6

Still no luck:( – Arron Feb 14 '19 at 09:34

After upgrading from Angular5 to Angular7, slice pipe is going into infinite loops

1 Answers1