如何从Angular上的(单击)事件获取动态数据

<button (click)="getData()">获取数据</button>

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

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

  getData() {
    // 从服务或者属性中获取数据
    this.data = // 获取数据的逻辑
  }
}

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  getData() {
    // 获取数据的逻辑
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

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

  constructor(private dataService: DataService) {}

  getData() {
    this.data = this.dataService.getData();
  }
}