如何在Angular 6中基于ng-template内的id引用元素？

Question

我在ng-template标签内有一个按钮。如何根据ts文件中的id引用按钮元素？

我正在尝试以这种方式引用它，但是出现未定义的错误。

代码：

HTML

<ng-template #popup >


 <button type="button" #btn id="btn" class="btn btn-sm btn-outline-primary btn-raised" name="button" > Button </button>


</ng-template>

TS文件

@ViewChild('btn') btn: ElementRef;

ngAfterViewInit() {
   console.log(this.btn);
}

Answer 1

让我假设您正在使用if else指令访问ng-template，建议您使用viewchecked而不是init