输入标签中的#id是什么意思？

Question

从这个Angular.io 教程,我展示:

<input #searchBox id="search-box" (keyup)="search(searchBox.value)" />

我不明白的地方:#searchBox.谁能解释一下？

hashtag让我想起了id的jQuery选择器,但我不太清楚这意味着什么,因为我们已经有了id.

Answer 1

简单来说：

1. 它被称为模板引用变量（又名引用变量），因为它是在模板中声明的，并且经常在 Javascript（打字稿）中使用。

2. 模板引用变量类似于var id（但不完全相同），可用于引用模板中的几乎任何 DOM 元素（HTML 元素、指令、组件）。

3. Reactjs 中也提供了模板引用变量。

4. 在 angular 中，您可以使用#somename或ref-somename来声明模板引用变量。

那么我如何使用这些 TRV（模板引用变量），那是你应该查看库文档的时候

Answer 2

那是一个模板引用变量。此处查看更多详细信息：https://angular.io/guide/template-syntax#template-reference-variables-var