javascript - 如何根据 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);
}

标签： javascriptangular

Answer 1

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