I have some components like CricketComponent, FootballComponent, TennisComponent etc. All These Classes have some common properties :-
CricketComponent
FootballComponent
TennisComponent
With Angular 10, you can fix this issue by adding the decorator @Injectable() to your abstract base class like this:
@Injectable() export abstract class BaseComponent { @Input() teamName: string; @Input() teamSize: number; @Input() players: any; }