#var - 局部变量

有时模板中的不同元素间可能需要互相调用，Angular2提供一种简单的语法将元素 映射为局部变量：添加一个以#或var-开始的属性，后续的部分表示变量名， 这个变量对应元素的实例。

在下面的代码示例中，我们为元素h1定义了一个局部变量v_h1，这个变量指向 该元素对应的DOM对象，你可以在模板中的其他地方调用其方法和属性：

1 @View({
2     template : `
3         
#v_h1>hello
4         (click)="#v_h1.textContent = 'HELLO'">test
5     `
6 })

如果在一个组件元素上定义局部变量，那么其对应的对象为组件的实例：

1 @View({
2     directives:[EzCalc],
3     template : ""
4 })

在上面的示例中，模板内的局部变量c指向EzCalc的实例。

例如：

 1 
 2 
 3 
 4     
 5     
 6     
 7     
 8     
 9 
10 
11     
12     
13     
37 
38 

转载于:https://www.cnblogs.com/gett/p/5039758.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！