Component as factory

<ng-container [ngSwitch]="condition">
    <component-A *ngSwitch="condition"></component-A>
    <component-B *ngSwitch="condition"></component-B>
</ng-container>

@Component(
    providers: [
        { provide: ABC, useClass: ConcreteAClass }
    ]
)
class ComponentA extends GenericBase {
    constructor() {}
}

@Component(
    providers: [
        { provide: ABC, useClass: ConcreteBClass }
    ]
)
class ComponentB extends GenericBase {
    constructor() {}
}

// Then in component A and B you can render the same component that gets different injections based on the parent component

@Component()
class SubComponent {
    constructor(
        abc: ABC
    ) { }
}