在两个不同的组件中实现来自Angular 4服务的方法

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

@Injectable()
export class DataService {
  getData() {
    // 从服务器获取数据的逻辑
  }
}

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

@Component({
  selector: 'app-component1',
  template: `
    <button (click)="getData()">获取数据</button>
  `,
})
export class Component1Component {
  constructor(private dataService: DataService) {}

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

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

@Component({
  selector: 'app-component2',
  template: `
    <button (click)="getData()">获取数据</button>
  `,
})
export class Component2Component {
  constructor(private dataService: DataService) {}

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