📜  模板中Angular 2主题标签的用途是什么?

📅  最后修改于: 2021-05-13 20:17:23             🧑  作者: Mango

Angular2主题标签是一种语法,用于将DOM元素声明为变量,并且这些模板呈现为HTML文件。

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

模板引用变量是一个小工具,它可以让Angular完成很多美好的事情。它依靠一个简单的标签来创建对模板中元素的引用。

Syntex:

在上面的syntex中,它创建对输入元素的引用,这些引用可在模板中稍后使用。

例子:

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 {}

 {{ pv.value }}

在上面的示例中, pv引用HTML元素对象实例进行输入。因此,pv具有HTML元素的所有属性和方法。 (ID,名称等)