Angular 2/4 -在组件的所有html文件中从服务中获取变量的最佳实践？

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

@Injectable()
export class DataService {
  private data: any;

  constructor() {}

  getData(): any {
    // 从服务器或其他数据源获取数据的逻辑
    return this.data;
  }

  setData(data: any): void {
    // 设置数据的逻辑
    this.data = data;
  }
}

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

@Component({
  selector: 'app-my-component',
  template: `
    <div>{{ myData }}</div>
  `
})
export class MyComponent {
  myData: any;

  constructor(private dataService: DataService) {}

  ngOnInit(): void {
    this.myData = this.dataService.getData();
  }
}