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

Question

这是我的模板:

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

我无法获得对 #newimg 的引用当它在里面ng-template (如果我将 ng-template 更改为 div 就可以正常工作!)

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

我需要在图片上传后将它的值设置为空，但它始终未定义。

Answer 1

<ng-template>没有添加到 DOM，它仅存在于 JavaScript 代码中，当应用程序运行时。仅当使用例如 *ngFor 之类的结构指令对其进行标记时或 *ngIf ，内容实际上是在 DOM 中创建的，并且绑定(bind)、组件、指令...都已实例化。

因此不盖章，就不会有#template查询。