Javascript 如何根据Angular 6中ng模板内的id引用元素？

我有一个按钮，它位于

ng模板

标签内。如何根据ts文件中的id引用button元素

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

代码：

HTML

---

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

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

@hameedsys，因为它不起作用，您不能。您可以使用指令，但这取决于您首先要做什么。你能解释一下你最终想用那个按钮做什么吗？可能有一个更合理的解决方案。@Silvermind我需要使用他们的JS库调用Google login，该库具有

attachSignin（element）

函数，用于将单击事件绑定到按钮。可能存在重复的。您能告诉我在抓取后要做什么吗reference@HameedSyed它不起作用，你不能。您可以使用指令，但这取决于您首先要做什么。你能解释一下你最终想用那个按钮做什么吗？可能有一个更合理的解决方案。@Silvermind我需要使用他们的JS库调用Google login，该库具有

attachSignin（element）

函数，用于将单击事件绑定到按钮。可能存在重复的。您能告诉我在获取引用后您想做什么吗

<ng-template #popup >


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


</ng-template>

@ViewChild('btn') btn: ElementRef;

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