angular – 获取ng-template中元素的引用

前端之家收集整理的这篇文章主要介绍了angular – 获取ng-template中元素的引用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的模板:

<ng-template #template>
    <input #newimg  type="file" class="col-md-10" (change)="fileChange($event)"/>
</ng-template>

当它的内部ng模板时,我无法引用#newimg(如果我将ng-template更改为div,它可以正常工作!)

@ViewChild('newimg') img: ElementRef; //doesnt work

我需要在上传图像后将其值设置为空,但始终未定义.

解决方法

&LT纳克模板>未添加到DOM中,当应用程序运行时,它仅存在于JavaScript代码中.只有当使用例如* ngFor或* ngIf这样的结构指令标记时,内容实际上是在DOM中创建的,并且实例化了绑定,组件,指令……

因此,没有标记,将不会有任何#template查询.

猜你在找的Angularjs相关文章