这是我的组件:
<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(),但当然它只会采用创建的第一个组件的第一个指令。