在Angular 7中，"ExpressionChangedAfterItHasBeenCheckedError"错误通常是由于在组件的生命周期钩子之外的地方对绑定的属性进行了修改，导致了变更检测周期不一致而引发的。

以下是一些解决方法：

1. 使用ngAfterViewInit钩子代替ngOnInit钩子：

import { Component, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: '
{{ message }}
'
})
export class ExampleComponent implements AfterViewInit {
  message: string;

  ngAfterViewInit() {
    this.message = 'Hello World';
  }
}

2. 使用setTimeout函数将属性修改延迟到下一个变更检测周期：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: '
{{ message }}
'
})
export class ExampleComponent implements OnInit {
  message: string;

  ngOnInit() {
    setTimeout(() => {
      this.message = 'Hello World';
    });
  }
}

3. 使用ChangeDetectorRef服务手动触发变更检测：

import { Component, OnInit, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: '
{{ message }}
'
})
export class ExampleComponent implements OnInit {
  message: string;

  constructor(private cdr: ChangeDetectorRef) {}

  ngOnInit() {
    this.message = 'Hello World';
    this.cdr.detectChanges();
  }
}

这些方法可以帮助解决“ExpressionChangedAfterItHasBeenCheckedError”错误，并确保属性修改在变更检测周期中一致地进行。选择适合你的情况的解决方法，并根据需要进行调整。