可以通过使用 ChangeDetectorRef 和 setTimeout() 方法来解决这个问题。在代码中，我们可以注入 ChangeDetectorRef 并调用它的 detectChanges() 方法。这将重新检查组件并更新视图。在 setTimeout() 方法内部，执行更改，以便更改发生在下一个变更检测周期内，避免出现错误。

下面是一个示例组件代码：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  data: any;

  constructor(private cdr: ChangeDetectorRef) { }

  ngOnInit() {
    this.data = {};
    setTimeout(() => {
      // perform changes here
      this.data = { name: 'John Doe' };
      
      // detect changes
      this.cdr.detectChanges();
    }, 0);
  }
}

在上面的示例中，我们在 ngOnInit() 生命周期钩子中执行更改。我们使用 setTimeout() 方法来确保更改发生在下一个变更检测周期内。在 setTimeout() 方法中，我们更新 data 属性，然后调用 ChangeDetectorRef 的 detectChanges() 方法来重新检查组件并更新视图。

请注意，在实际应用程序中，您可能需要将 setTimeout() 方法的超时值设置为更长的时间，以确保更改发生在适当的时间内。