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

Question

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

我试图以这种方式引用它，但我得到一个未定义的错误。

码：

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