Error using reverse (ExpressionChangedAfterItHasBeenCheckedError) about ngx-order-pipe HOT 6 CLOSED

Could you show how gameProvider.game.teams looks like?

from ngx-order-pipe.

from ngx-order-pipe.

First of all doing orderBy: 'team.points' won't work anyways, try:

<div *ngFor="let team of gameProvider.game.teams | orderBy: 'points': true">
  {{ team | json }}
</div>

from ngx-order-pipe.

I also tried that but same error.

Using Angular 5 with Ionic 3 if that matters

from ngx-order-pipe.

@VadimDez any update on this?

This might help: https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4

I also tried it out with a different model and it works (?)

from ngx-order-pipe.

Solved using this way:

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdRef:ChangeDetectorRef) {
  }

ngAfterViewInit() {
    this.teams = this.gameProvider.game.teams;
    this.cdRef.detectChanges();
  }

<ion-card *ngFor="let team of teams | orderBy: 'points':true; let i = index">

from ngx-order-pipe.