How to append node dynamically and create component in this node

[Paul Belowee]

I have a component. I need locate node in the template, append child node to located node and dynamically create some component inside the child node.

Is it possible with Angular 2?

If the node exists in the template statically the solution is known.

export class AppComponent {

  @ViewChild("node", { read: ViewContainerRef }) nodeView;

..............

  ngOnInit(): void {
    this. componentResolver.resolveComponent(MyComponent)
      .then((factory: ComponentFactory<MyComponent>) => {
         MyComponent instance = this.nodeView.createComponent(factory);
       });
  }

}

In that way the problem is to find dynamic equivalent of @ViewChild directive.

[p. stephen w]

I'm not 100% clear on your needs, but let me try anyway.  It sounds to me like you need nested components.  You could nest your components within each other with an *ngIf on them to control their display.  Instead of searching the dom tree for them, you toggle a boolean property to display them.

Hopefully, that helps.

[Paul Belowee]

Yes we are using this solution now.
But it is not the nice solution. We are planning to use up to 100-200 components depending on user rights.