使用指令angular 4动态创建componnent

时间:2017-07-11 12:40:23

标签: angular angular-directive dynamically-generated angular-components

我想用类似于模板组件编写的指令动态创建组件(通过选择器)。 (参见下面的例子)

<text-gui dnd-sortable [sortableIndex]="i"
      dnd-draggable [dragEnabled]="true" [dragData]="feat"></text-gui>

我已成功创建组件,但我找不到如何应用指令。

Bellow,组件的创建者

  public generateGUIElement( vcRef: ViewContainerRef, feat: ElementCreator ) {
    const factories    = Array.from( this.resolver[ '_factories' ].values() );
    const factory: any = factories.find( ( x: any ) => x.selector === feat.gui );

    vcRef.createComponent( factory );
  }

结果

<text-gui class="d-block" ng-version="4.0.3">...</text-gui>

我可以做我想做的事吗?谢谢你的答案。

0 个答案:

没有答案