将本地文件数据的内容导入另一个Angular组件

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

@Component({
  selector: 'app-source-component',
  template: `
    <input type="file" (change)="onFileSelected($event)">
    <app-target-component [fileData]="selectedFileData"></app-target-component>
  `,
})
export class SourceComponent {
  selectedFileData: any;

  onFileSelected(event: any) {
    const file = event.target.files[0];
    // 处理文件数据，例如读取文件内容等
    // 将处理后的文件数据赋值给selectedFileData
    this.selectedFileData = file.data;
  }
}

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

@Component({
  selector: 'app-target-component',
  template: `
    <div>{{ fileData }}</div>
  `,
})
export class TargetComponent {
  @Input() fileData: any;
}