尝试在 Angular 中的两个组件之间共享一个数组

Question

I'm very new to Angular. I try to share an Array of Tracks between two components, but I got an error. I use this decription https://angular.io/guide/inputs-outputs

  export class SpeakerComponent implements OnInit {

    @Input()
    trackComponent = [];

    ...
  }


  export class TrackComponent implements OnInit {

   tracks: Track[]=[]
   ...
  }

In track.component.html I got this error

Error: src/app/component/track/track.component.html:1:15 - error TS2322: Type 'Track[]' is not assignable to type 'never[]'.

 <app-speaker [trackComponent]=tracks></app-speaker>

Can anyone help? thanks

Answer 1

You have 3 option:

1. (Best Case)

      @Input()
      trackComponent: Array<Track> = [];

2. (Useless Case)

      @Input()
      trackComponent: Array<any> = [];

3. (Worts Case) Disable type check: How can I disable all typescript type checking?