Angular: доступ к базовой ссылке на элементы с пользовательскими директивами

Question

С учетом следующего шаблона:

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

Как мне заставить someRef на самом деле ссылаться на HTMLInputelement, а не my-base-directive? Я знаю, что могу использовать exportAs в директиве, чтобы сделать ее доступной с помощью ссылок, но как мне явно не получить директиву, а вместо этого получить элемент <input>?

Stackblitz Link: 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 .