Назначение значения для ссылки на угловой шаблон элемента?

Question

Я заметил, что некоторые разработчики присваивают значение своей ссылке на элемент следующим образом:

#searchInput="matInput"

И это приводит к отключению автозаполнения для поля. Вот почему это сделано?

Это более полный пример:

<mat-form-field floatLabel="never">
  <input matInput #searchInput="matInput" type="text" placeholder="Search"/>
</mat-form-field>

В этой статье больше контекста . Он использует #searchInput только декларативно. Он будет работать без присвоения значения #searchInput, и мне стало любопытно, почему люди присваивают ему значение.

Answer 1

Нет, это совершенно не связано.

Этот синтаксис используется для получения компонента Angular в качестве дочернего элемента представления текущего компонента.

В исходном коде он определен в декораторе @Component как exportAs.

(см. Его в репо)

Это позволяет компоненту объявлять переменную как ввод материала и управлять ей программно.

Чтобы отключить автозаполнение, это совершенно другое. Поскольку я не уверен, если вы попросите кого-то объяснить синтаксис, я просто остановлюсь и подожду, пока вы прокомментируете мой ответ, если он вам понадобится!