ExpressionChangedAfterItHasBeenCheckedError：使用Angular2检查表达式后，表达式已更改

Question

我曾尝试解决此错误ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: '0'. ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: '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;
}

Answer 2

我认为您需要提供初始价值。

例如 -

public Pages = null;

有关更多信息，请阅读本文- 您需要了解有关ExpressionChangedAfterItHasBeenCheckedError错误的所有信息 。 它详细解释了此错误。 希望能帮助到你。