Simplify components with ts inheritance

app-injector.ts

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

export class AppInjector {

	private static injector: Injector;

	static setInjector(injector: Injector) {
		AppInjector.injector = injector;
	}

	static getInjector(): Injector {
		return AppInjector.injector;
	}

}

importable.ts

import { noop } from 'rxjs';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { ImportWizardComponent } from '@app/content/management/import-wizard/import-wizard.component';
import { ManagementService } from '@app/content/management/management.service';
import { AppInjector } from '@app/app.injector';

/**
 * @interface MajorEntity
 */
export interface MajorEntity {
	/**
	 * The entity to import; must correspond with the API
	 */
	entity: string;
}

/**
 * Extendable class for all bulk import entities
 *
 * Use like this...
 * 	NewClass extends mixin(Importable)
 *
 * @implements MajorEntity
 */
export default class Importable implements MajorEntity {
	/**
	 * The entity to import; must correspond with the API
	 */
	entity: string;

	protected modalService: NgbModal;
	protected managementService: ManagementService;

	/**
	 * Inject all required services
	 */
	constructor() {
		const injector = AppInjector.getInjector();
		this.modalService = injector.get(NgbModal);
		this.managementService = injector.get(ManagementService);
	}

	/**
	 * Show modal for bulk import wizard
	 *
	 * @returns void
	 */
	importModal() {
		const modalRef = this.modalService.open(ImportWizardComponent, {
			backdrop: 'static',
			beforeDismiss: () => confirm('Are you sure you want to leave this page?')
		});

		// set the entity
		modalRef.componentInstance.entity = this.entity;

		modalRef.result
			.catch(noop);
	}

	/**
	 * Download template for entity
	 *
	 * @returns void
	 */
	downloadTemplate() {
		this.managementService.downloadTemplate(this.entity);
	}
}

main.ts

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from '@app/app.module';
import { environment } from './environments/environment';
import { AppInjector } from '@app/app.injector';

if (environment.production) {
	enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
	.then((moduleRef) => AppInjector.setInjector(moduleRef.injector))
	.catch();

user.component.ts

@Component({
	selector: 'app-user',
	templateUrl: './user.component.html'
})
export class UserComponent extends Mixin(Importable) implements OnInit {
	users: User[] = [];
	entity = 'user';

	constructor(
		private toastr: ToastrService
	) {
		super();
	}
}