Provider Error when using dynamicComponentLoader.loadAsRoot in Angular2

Question

I am trying to load a component inside a DIV on my Site. When I run this Code:

renderPopoverContent(event: Termine.FullCalendarEvent) {
    let injector = ReflectiveInjector.resolveAndCreate([
        { provide: 'termin', useValue: event }            
    ]);
    this._dynamicComponentLoader.loadAsRoot(PopoverComponent, '#popover_' + event.id, injector);
}

I get this error to Console

No provider for ViewUtils!

I am using the latest Angular2 Version (2.0.0-rc.3)

For an example see http://stackoverflow.com/questions/36325212/angular-2-dynamic-tabs-with-user-click-chosen-components/36325468#36325468 — Günter Zöchbauer, Jun 29 '16 at 08:07
But how can I insert the new component inside a DOM-Element by ID? (#popover_....) — Weissvonnix, Jul 10 '16 at 19:52
As far as I know you can't. Angular2 supports template variables and directives to query for targets. — Günter Zöchbauer, Jul 10 '16 at 19:59
is it possible to create a ViewElement from a DOM-Element dynamicaly? — Weissvonnix, Jul 10 '16 at 20:04
in the so-link you posted, you have these two lines: @ViewChild('target', {read: ViewContainerRef}) target; and later... this.cmpRef = this.target.createComponent(factory) what I need is something like: this.target = "create ViewChild by selector '#popover_...'" — Weissvonnix, Jul 10 '16 at 20:17
As mentioned above, I don't think there is a way to do that. — Günter Zöchbauer, Jul 10 '16 at 20:20

score 1 · Accepted Answer · edited Jun 29 '16 at 08:09

1

DynamicComponentLoader is deprecated

Use ComponentResolver and ViewContainerRef directly.

edited Jun 29 '16 at 08:09

Günter Zöchbauer

623,577
216
2,003
1,567

answered Jun 29 '16 at 07:56

null canvas

10,201
2
15
18

Provider Error when using dynamicComponentLoader.loadAsRoot in Angular2

1 Answers1