angular.js - Idea untuk mencipta subkomponen secara dinamik dalam angular2

Question

Halaman keseluruhan ialah templat komponen Terdapat komponen anak yang telah diisytiharkan dan digunakan dalam templat komponen induk Sekarang saya ingin mencipta komponen anak secara dinamik di dalam komponen anak

digunakan untuk mencipta sub-komponen secara dinamik getViewRefFileUploadEle Walaupun ia boleh dibuat dengan betul, elemen yang dicipta bukan milik
PhoneComponent seperti yang ditunjukkan dalam rajah:

Menjadi elemen abang.

Apa yang perlu dilakukan untuk mencipta ibu bapa-anak dengan betul dan bukannya adik beradik.

Answer 1

Sudah sedia, gunakan arahan templat

Answer 2

Saya tidak memahami keperluan khusus anda, tetapi saya rasa lebih baik menggunakan pengisytiharan templat daripada membuat komponen dalam js.

Beri perhatian kepada <ng-content>

di bawah

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></