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

发布时间：2020-12-17 18:10:56 所属栏目：安全来源：网络整理

导读：这是我的模板： ng-template #template input #newimg type="file" class="col-md-10" (change)="fileChange($event)"//ng-template 当它的内部ng模板时,我无法引用#newimg(如果我将ng-template更改为div,它可以正常工作！) @ViewChild('newimg') img: Eleme

这是我的模板：

<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查询.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!