feat(DomPortalOutlet): Alternative constructor (ComponentFactoryResolver is deprecated)

[bbarry]

Feature Description

@angular/angular deprecated ComponentFactoryResolver in 13.2.0:

https://github.com/angular/angular/blob/master/CHANGELOG.md#1320-2022-01-26

When using a lint rule such as deprecation/deprecation users of DomPortalOutlet now get a warning due to the constructor requiring a ComponentFactoryResolver

Use Case

components/src/cdk/portal/portal.spec.ts

Lines 423 to 438 in aea5d13

	describe('DomPortalOutlet', () => {
	let componentFactoryResolver: ComponentFactoryResolver;
	let someViewContainerRef: ViewContainerRef;
	let someInjector: Injector;
	let someFixture: ComponentFixture<ArbitraryViewContainerRefComponent>;
	let someDomElement: HTMLElement;
	let host: DomPortalOutlet;
	let injector: Injector;
	let appRef: ApplicationRef;
	let deps = [ComponentFactoryResolver, Injector, ApplicationRef];
	beforeEach(inject(deps, (cfr: ComponentFactoryResolver, i: Injector, ar: ApplicationRef) => {
	componentFactoryResolver = cfr;
	injector = i;
	appRef = ar;
	}));

I am not sure if the tslint deprecation rule is enabled in this repository (it is not in tslint.json here) but I presume it would warn on the above tests.

It would be nice to not require an

    // eslint-disable-next-line deprecation/deprecation
    private componentFactoryResolver: ComponentFactoryResolver

in my code, and presumably the Angular team is planning on removing this at some point.

[crisbeto]

We'll have to talk to the Framework team about what would be an appropriate replacement.

[stefnedelchevbrady]

I wasn't sure if I have to create a new issue so I decided to write here as my issue is kinda related. Although the old constructor is deprecated, I still find it impossible to create a DomPortalOutlet by passing outletElement only.

I opened the class definition and I clearly see that it has only one constructor and it's the one with the deprecated params. The version I use is the latest (by now) 13.2.4

[crisbeto]

I've opened #24504 to simplify the constructor, but it's worth noting that you may get runtime errors if you try to attach a component portal and you haven't provided the extra information.

[angular-robot]

This feature request is now candidate for our backlog! In the next phase, the community has 60 days to upvote. If the request receives more than 20 upvotes, we'll move it to our consideration list.

You can find more details about the feature request process in our documentation.