角度为

时间:2018-01-21 20:19:52

标签: angular typescript nativescript

我需要动态插入一个组件,我的问题是我需要修改默认模板,在这个标签中插入一个值作为输入:

<app-round [round]="round" #round>  </app-round>

我使用ComponentFactoryResolver在视图中插入此组件:

@ViewChild('parent', {read: ViewContainerRef }) container: ViewContainerRef;

//  method to insert in the view is
private addComponent() {
    // check and resolve the component
    var comp = this.componentFactoryResolver.resolveComponentFactory(BirdComponent);

    // create component inside container #parent
    var birdComponent = this.container.createComponent(comp);

    // see explanations
    birdComponent.instance._ref = birdComponent;

所以,这很好但我不知道如何插入输入&#39; round&#39;喜欢app-round标签。

我需要插入很多这个圆形标签,但动态地使用不同的值。

有什么想法吗?

0 个答案:

没有答案