如何确保函数在angular2中传递数据之前执行？

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

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="passData()">传递数据</button>
  `
})
export class MyComponent implements OnInit {
  data: any;

  ngOnInit() {
    // 执行初始化操作，例如获取数据
    this.getData();
  }

  getData() {
    // 获取数据的逻辑
    this.data = '这是要传递的数据';
  }

  passData() {
    // 确保数据准备就绪后再传递给函数
    if (this.data) {
      this.myFunction(this.data);
    }
  }

  myFunction(data: any) {
    // 处理传递过来的数据的函数
    console.log(data);
  }
}