angulaire.js - Idées pour créer dynamiquement des sous-composants dans angulaire2

Question

La page globale est un modèle de composant. Il y a un composant enfant qui a été déclaré et utilisé dans le modèle de composant parent. Maintenant, je veux créer dynamiquement le composant enfant à l'intérieur du composant enfant.

est utilisé pour créer dynamiquement des sous-composants getViewRefFileUploadEle Bien qu'il puisse être créé correctement, l'élément créé n'appartient pas à
PhoneComponent comme le montre la figure :

Devient un élément frère.

Que faire pour créer correctement un parent-enfant au lieu d'un frère ou d'une sœur.

Answer 1

C'est prêt, utilisez la commande template

Answer 2

Je ne comprends pas vos besoins spécifiques, mais je pense qu'il est préférable d'utiliser la déclaration de modèle plutôt que de créer des composants en js.

Faites attention au <ng-content>

ci-dessous

import {Component} from '@angular/core';

@Component({
    selector: 'parent',
    template: `
        <p>
            <h1>parent</h1>
            <ng-content></ng-content>
        </p>
    `
})
export class ParentComponent {}

@Component({
    selector: 'child',
    template: `<h1>child</h1>`
})
export class ChildComponent {}

@Component({
    selector: 'demo',
    template: `<parent><child></child></