0

I would like to decide which sub-component to use programmatically. It is basically the same question asked here Load component programmatically in angular 1.6, but using Angular 6.

So, I would like to have something like this:

parent.component.ts

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent implements OnInit {
  @Input() loadedComponentName = "my-component";

  constructor() { }
  ngOnInit() {
  }
}

parent.component.html

<{{loadedComponentName}}></{{loadedComponentName}}>
Improve this question
2
Related questions
1
Load components dynamically in Angular2
0
How to load Angular2 root component Dynamically
2
Angular 2 - get child component to load inside parent component(getting created dynamically)
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.