要解决Angular 8中页面加载后添加类的错误“ExpressionChangedAfterItHasBeenCheckedError”，可以尝试以下几种方法：

1. 使用ngAfterViewInit生命周期钩子来添加类。将添加类的代码移动到ngAfterViewInit钩子中，以确保在变更检测周期之后执行。例如：

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

@Component({
  selector: 'app-example',
  template: '
',
})
export class ExampleComponent implements AfterViewInit {
  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    const myDiv = this.elementRef.nativeElement.querySelector('#myDiv');
    myDiv.classList.add('my-class');
  }
}

2. 使用setTimeout延迟添加类的操作。将添加类的操作包装在setTimeout函数中，以延迟执行。这将在下一个变更检测周期之后执行代码，从而避免错误。例如：

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

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

  ngOnInit() {
    setTimeout(() => {
      this.addClass = true;
    }, 0);
  }
}

3. 使用ChangeDetectorRef手动触发变更检测。在添加类的地方注入ChangeDetectorRef，并调用detectChanges方法手动触发变更检测。这将确保在添加类之后立即进行变更检测。例如：

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

@Component({
  selector: 'app-example',
  template: '
',
})
export class ExampleComponent {
  addClass = false;

  constructor(private cdr: ChangeDetectorRef) {}

  addClassAndDetectChanges() {
    this.addClass = true;
    this.cdr.detectChanges();
  }
}

通过使用上述方法之一，你应该能够解决Angular 8中页面加载后添加类的错误“ExpressionChangedAfterItHasBeenCheckedError”。