為 Angular 模板元素引用賦值的目的是什么？

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 。

（見他們的回購）

它允許組件將變量聲明為材質輸入，並以編程方式對其進行控制。

要關閉自動完成功能，這是完全不同的。 由於我不確定您是否要求某人解釋語法，所以我會簡單地停在那里等待您評論我的答案，以防您需要它！