angular.js - angular2动态创建子组件思路-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - angular2动态创建子组件思路

迷茫 2017-05-15 17:09:19

[AngularJS讨论组]

1272

总体页面是一个组件模板，有一个子组件已经声明好并在父组件模板中使用，现在我想要动态地在子组件内部创建子组件，我试过这样做：

getViewRef用于动态创建子组件 FileUploadEle
虽然可以正确创建，但创建后的元素并不属于PhoneComponent
如图：

变成了兄弟元素。
该如何做才能正确地创建父子级而不是兄弟级的。

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(2)

滿天的星座2017-05-15 17:11:19 2楼

已经可以了，使用template指令

赞 +0

添加回复

巴扎黑2017-05-15 17:11:19 1楼

没明白你的具体需求，但是我觉得这样做比较好，使用模板声明的方式，而不是在js里创建组件。

注意下面的<ng-content>

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

赞 +0

添加回复