Angular 16 docs: inject(ViewContainerRef) explanation

Question

In the Angular docs' usage notes for ViewContainerRef I just don't get the statement inject(ViewContainerRef).

I'm pretty new to Angular and trying to find my way through the djungle of deprecated resources just to find the official docs inject something that in my understanding used to be only retrievable from a @viewChild.

I even tried implementing this approach but it won't work because I would have to provide ViewContainerRef in ngModule which in turn is not getting accepted by angular. Maybe because I'm not using standalone components? Or do I miss out on some fundamental angular concept? Please enlighten me!

serrulien · Accepted Answer · 2023-09-03 15:45:12Z

0

With inject(ViewContainerRef) Your are injecting the view container reference of the host component.

@Component({
  selector: 'my-app',
  template: ""
})
export class AppComponent {
 constructor(private viewContainerRef: ViewContainerRef) {}
}

is equivalent to

@Component({
  selector: 'my-app',
  template: ""
})
export class AppComponent {
 viewContainerRef = inject(ViewContainerRef)
}

https://angular.io/api/core/inject

For an usage example you can look at the code of the NgIf directive which injects ViewContainerRef and use it to show/hide the content https://github.com/angular/angular/blob/main/packages/common/src/directives/ng_if.ts

answered Sep 3, 2023 at 15:45

serrulien

7354 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 16 docs: inject(ViewContainerRef) explanation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related