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

Question

来自这个 Angular.io tutorial , 我显示:

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

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

主题标签让我想起了 jQuery id 选择器，但我不太确定这在这里意味着什么，因为我们已经有了一个 id。

Answer 1

简单来说:

1. 它被称为模板引用变量(又名引用变量)，因为它在模板中声明并且经常在 Javascript(typescript) 中使用。

2. 模板引用变量类似于 var id(但不完全相同)，它可以用来引用几乎任何 DOM 元素(HTML 元素、指令, 组件) 在模板中。

3. 模板引用变量在 Reactjs 中也可用。

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

那么我应该如何使用这些 TRV(模板引用变量)，那时候你应该查看 library documentation