angular - PrimeNg 手风琴给出 ExpressionChangedAfterItHasBeenCheckedError

Question

任何帮助或提示将不胜感激！！我收到 ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it is checked。以前的值：'ui-state-active: undefined'。当前值：'ui-state-active: true'。我正在使用 Angular 7。我正在使用 CLI 7.3.6 我正在使用 primeng 7.1.0 我正在使用 primeicons 1.0.0

我在网上看，但我没有找到任何解决我的问题的方法。

          <p-accordion #accordion [multiple]="true" [activeIndex]="openTabs">
        <p-accordionTab *ngFor="let sym of symptomList; let i=index" header="{{sym.symptomName}}">
            <div class="row my-2 ">
              <div class="col-sm-12 pl-3">
              {{sym.symptomDescription}}
              </div>
            </div>
            <div class="row my-2 ">
              <div class="col-sm-3 pl-3">
              {{scores[i]}}
              </div>
            </div>
            <div class="row my-2 ">
              <div class="col-sm-7 pl-3">
              <p-slider [(ngModel)]="scores[i]" name="scores-{{i}}" [min]="0" [max]="10" [step]="1"  [style]="{'width':'90%'}"></p-slider>
              </div>
            </div>
            <div class="row my-2 ">
                <div class="col-sm-3 pl-3">
              <span class="text-left">Mild</span>
                </div>
                <div class="col-sm-3 pl-3">
              <span class="text-left">Moderate</span>
                </div>
                <div class="col-sm-3 pl-3">
              <span class="text-left">Severe</span>
              </div>
            </div>
            <div class="row my-2 ">&nbsp;</div>
            <div class="row my-2 ">
                <div class="col-sm-2 pl-3">
                    <label>What did you do to manage? </label>
                </div>         
                <div class="col-sm-3 pl-3">
                    <input  type="text" [(ngModel)]="actions[i]"  name="actions-{{i}}" style="width:100%"/>
                </div>
            </div>
         </p-accordionTab>
    </p-accordion>      
</div>
<div class="row my-2 ">&nbsp;</div>
<div class="row my-2 ">
    <div class="col-sm-6 pl-3">
    <button type="button" class="btnSecondary" (click)="onReturnCalendar()">Cancel</button>&nbsp;
    <button type="submit" class="btn btn-primary {{status == 'Active'? 'visible': 'invisible'}}">Submit</button>
  </div>
</div>

我不希望在使用手风琴时出现错误。

标签： angular