Angular：使用自定义指令访问基本元素引用

Question

给出以下模板：

<input my-base-directive #someRef> {{someRef.value}}

如何使someRef实际引用HTMLInputelement而不是my-base-directive？我知道我可以在指令上使用exportAs来使用refs进行访问，但是如何显式地 not 获取指令，而获得<input>元素呢？ / p>

Stackblitz链接：https://stackblitz.com/edit/angular-z6zvbz

Answer 1

使用此：<input my-base-directive #someRef> {{someRef.value}}

someRef将在输入框中引用DOM元素。

要转到该指令，您需要在指令中使用'exportAs'并按如下方式使用它：<input my-base-directive #dir="mybasedir" #someRef [value]="name"> {{someRef.value}}

选中此stackblitz。