javascript - ExpressionChangedAfterItHasBeenCheckedError : Expression has changed after it was checked using Angular2

Question

我曾尝试解决此错误 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.先前的值:“未定义”。当前值:'0'。这样:

TS:

 import {
     ChangeDetectionStrategy
 } from '@angular/core';
 @Component({
     templateUrl: './page.html'
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 public Pages: Object;

 ngOnInit() {
     loadAllGuides() {
         this.ApiService
             .getAllPages()
             .subscribe(
                 Pages => {
                     this.Pages = Pages.data;
                 }, error => {
                     console.log(error);
                 });
     }
 }

当我使用 ChangeDetectionStrategy 时，错误在控制台中得到解决，但我还面临另一个问题，除非我在页面打开时点击一下，否则页面不会显示任何数据。一旦我随机点击页面，数据就会加载。谁能帮帮我。

Answer 1

首先删除changeDetection: ChangeDetectionStrategy.OnPush

其次，你有:
public Pages:Object; => 避免对变量使用第一个大写字母，因此请改用 public pages:Object;。

那么你有:

 Pages => {
    this.Pages = Pages.data;
}

尝试:

response => {
    this.pages = response.data;
}