Angular 2的标签在模板中的用途是什么

Angular2的hashtag是一种用于声明DOM元素为变量的语法，这些模板呈现为一个HTML文件。

• #: 变量声明
• (): 事件绑定
• []: 属性绑定
• [()]: 双向属性绑定
• {{}}: interpolation

模板引用变量是一个小宝石，它允许用Angular完成很多漂亮的事情。它依靠一个简单的标签来创建对模板中元素的引用。
语法:

<input #searchBox keyword="search(searchBox.value)">

在上述语法中，它创建了对输入元素的引用，以后可以在模板中使用。
示例:

import {Component} from 'angular2/core';
 
@Component({
   selector: 'pv-app',
   templateUrl: 'components/harry/hello.component.html'
})
 
export class pvApp {}import {Component} from 'angular2/core';
 
@Component({
   selector: 'pv-app',
   templateUrl: 'components/pv/hello.component.html'
})
 
export class pvApp {}

<input type="text" #pv>
 {{ pv.value }}

在上面的例子中，pv指的是用于输入的HTML元素对象实例。所以，pv拥有HTML元素的所有属性和方法。(id, name, etc.)