在完成对angular服务的异步调用后调用控制器函数

import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my.component.html',
  styleUrls: ['./my.component.css']
})
export class MyComponent {
  constructor(private myService: MyService) { }

  // 在完成异步调用后调用控制器函数
  callControllerFunction() {
    this.myService.asyncMethod().subscribe(
      data => {
        // 处理返回的数据
        console.log(data);
        // 执行其他操作
        // ...
      },
      error => {
        // 处理错误
        console.error(error);
      }
    );
  }
}

import { Component, NgZone } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my.component.html',
  styleUrls: ['./my.component.css']
})
export class MyComponent {
  constructor(private myService: MyService, private ngZone: NgZone) { }

  // 在完成异步调用后调用控制器函数
  callControllerFunction() {
    this.myService.asyncMethod().subscribe(
      data => {
        this.ngZone.run(() => {
          // 在NgZone中执行回调函数
          // 处理返回的数据
          console.log(data);
          // 执行其他操作
          // ...
        });
      },
      error => {
        this.ngZone.run(() => {
          // 在NgZone中执行回调函数
          // 处理错误
          console.error(error);
        });
      }
    );
  }
}