如何在组件中创建服务实例，并将其提供给子组件？

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  data: any = {};

  constructor() { }

  setData(value: any) {
    this.data = value;
  }

  getData() {
    return this.data;
  }
}

import { Component } from '@angular/core';
import { DataService } from '路径/DataService'; // 根据实际路径进行引入

@Component({
  selector: 'app-parent',
  template: `
    <app-child></app-child>
  `
})
export class ParentComponent {
  constructor(private dataService: DataService) { }
  
  // 在这里可以使用dataService来调用服务中的方法
}

import { Component } from '@angular/core';
import { DataService } from '路径/DataService'; // 根据实际路径进行引入

@Component({
  selector: 'app-child',
  template: `
    <p>{{ data }}</p>
  `
})
export class ChildComponent {
  data: any;

  constructor(private dataService: DataService) {
    this.data = this.dataService.getData();
  }
}