模板中的 Angular 2 主题标签是什么意思？

Question

我正在使用 angular 2，我发现了类似的东西

<input #searchBox (keyup)="search(searchBox.value)"

它有效。

但是，我不明白 #searchBox 的含义。我在文档中也没有发现任何明确的内容。

谁能向我解释它是如何工作的？

原文由 ackuser 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

它是 Angular 2 模板系统中使用的语法，它将 DOM 元素声明为变量。

在这里，我为我的组件提供了一个模板 URL：

 import {Component} from 'angular2/core';

@Component({
   selector: 'harrys-app',
   templateUrl: 'components/harry/helloworld.component.html'
})

export class HarrysApp {}

模板呈现 HTML。在模板中，您可以使用数据、属性绑定和事件绑定。这是通过以下语法完成的：

# 变量声明

() 事件绑定

[] 属性绑定

[()] - 双向属性绑定

{{ }} - 插值

* - 结构指令

# 语法可以声明引用模板中 DOM 对象的局部变量名称。例如

 <span [hidden]="harry.value">*</span>
 <input type="text" #harry>
 {{ harry.value }}

原文由 Harry 发布，翻译遵循 CC BY-SA 4.0 许可协议