javascript - 如何在内联点击事件绑定中使用 document.getElementById？

Question

VS Code 无法解析以下代码。

解析器错误：在 [(document.getElementById('btnA') as HTMLInputElement).disabled=true] 中的第 34 列缺少预期的)

<button id="btnA">A</button>
<button (click)="(document.getElementById('btnA') as HTMLInputElement).disabled=true">Disable A</button>

或者

<button id="btnA">A</button>
<button (click)="<HTMLInputElement>document.getElementById('btnA').disabled=true">Disable A</button>

如何document.getElementById()在内联点击事件绑定中使用？

编辑1：

我想使用事件绑定而不是onclick.

编辑2：

实际上我想模仿下面的工作代码，但使用getElementById().

<button #btnA>A</button>
<button (click)="btnA.disabled=true">Disable A</button>

标签： javascriptangular

Answer 1

您可以使用模板引用，它将是对 HTML 元素的引用

<button #btnA>A</button>
<button (click)="btnA.disabled=true">Disable A</button>