ExpressionChangedAfterItHasBeenCheckedError Angular7 - PullRequest
Новая
       32

ExpressionChangedAfterItHasBeenCheckedError Angular7

0 голосов
/ 28 января 2019

У меня есть эта ошибка во время выполнения enter image description here

Я попробовал несколько вещей, но ни одна из них не работает.проблема возникает из-за этого 

      <div class="items" *ngFor="let infection of missionData?.infections; let i = index;"
   (mouseenter)="infection.hover=true;"
   (mouseleave)="infection.hover=false;">


      <sat-popover #infectionPopovers xAlign="center" yAlign="below">
          <div class="custom-tip small-tip">
            <div class="header">
              {{hoveredInfection?.tip}}
            </div>
          </div>
        </sat-popover>


    <span class="name">{{infection.infection?.name}}</span>
    <span  class="device-status">

      <app-svg-icon   
      *ngIf="infPopovers?.first" 
      (mouseenter)="hoveredInfection = infection;getInfectionPopover(i).open();"
      (mouseleave)="hoveredInfection = null;getInfectionPopover(i).close();"
      [satPopoverAnchorFor]="getInfectionPopover(i)" [name]="infection.infection.state"  [size]="18"></app-svg-icon>
    </span>
  </div>

infPopovers определяется как QueryList<SatPopover>

  @ViewChildren('infectionPopovers') public infPopovers: QueryList<SatPopover>;

, и это getInfectionPopover (index) (возможно, это необходимо для понимания) 

getInfectionPopover(index): SatPopover{
return this.infPopovers.find((p, i) => i === index);
}

на самом деле все работает нормально, но я просто хочу избавиться от этой ошибки.

...