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

【问题标题】：Angular: Accessing base element reference for elements with custom directivesAngular：使用自定义指令访问元素的基本元素引用
【发布时间】：2019-11-19 01:06:40
【问题描述】：

给定以下模板：

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

如何让someRef 实际引用HTMLInputelement 而不是my-base-directive？我知道我可以在指令上使用 exportAs 以使其可以使用 refs 访问，但我如何明确不获取指令，而是获取 <input> 元素？

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

【问题讨论】：

您的指令中有什么内容？你能分享那个代码吗？ <input type="text" my-base-directive #someRef value="apple">{{ someRef.value }} 这将打印“苹果”
添加了指向 stackblitz 的链接
@yurzui 我需要在模板中访问它，因为它是在我的实际代码中循环创建的，我需要访问特定实例。
stackblitz.com/edit/angular-qzqpvz?file=src/app/…
@RasmusHansen 你能分享更多关于你的具体要求吗，也许还有其他方法可以解决它。

标签： angular

【解决方案1】：

有了这个：<input my-base-directive #someRef> {{someRef.value}}

someRef 将引用输入框的 DOM 元素。

要获得指令，您需要在指令中使用“exportAs”并像这样使用它：<input my-base-directive #dir="mybasedir" #someRef [value]="name"> {{someRef.value}}

检查这个stackblitz。

【讨论】：

那行不通。我创建了一个 stackblitz 来说明，但它看起来几乎和你的一样。