从组件Angular5中选择指令

时间:2018-08-23 16:32:15

标签: angular typescript components directive

这是我的组件:

            <ng-template let-model="model" let-template="template">
          <div class="ti-tbrd" templateBlockRendererDirective (editing)="onEdit($event)" [info]="model">
            <div class="action-btns">
              <a (click)="changeBg()" class="btn" title="Change Background">
              <a (click)="remove(model)" class="btn" title="Remove"><em class="fa fa-trash"></em></a>
            </div>
          </div>
        </ng-template>

TemplateBlockRenderDirective具有输入中的模型(包含组件的信息),通过componentFactory,创建该组件并将其注入DOM,因此在我的Dom中将有许多<namecomponent>。在changeBg()函数中,我需要这样的东西:

this.myTemplateBlockRenderDirective.getIstance()

这样我就可以访问组件的位置。 我怎样才能做到这一点? 我尝试使用@ViewChild(),但当然它只会采用创建的第一个组件的第一个指令。

0 个答案:

没有答案