Angular-模板

Angular-模板

一、解释：
1、模板 在Angular中就是一块HTML，用于渲染和显示视图。Angular在模板中扩展了原生的HTML语法，例如Angular通过一些扩展的模板函数、变量、事件监听、数据绑定等功能
来动态的获取和设置DOM中的值，实现数据源与视图的交互。

2、模板语句 是可在 HTML 中用于响应用户事件的方法或属性。

3、管道 用来对字符串、货币金额、日期和其他显示数据进行转换和格式化。管道是一些简单的函数，可以在模板表达式中用来接受输入值并返回一个转换后的值。可自定义一些管道
去实现自己的转换业务

二、绑定语法  

Angular的数据绑定分为  ①从数据源到视图②从视图到数据源③视图到数据源到视图
①：插值{{}}、属性绑定 [target]="expression"、Attribute绑定、CSS类样式
②：事件绑定 (target)="statement"
③：双向绑定 [(target)]="expression"

HTML attribute 与 DOM property 
在angular中，HTML attribute的唯一作用是初始化元素和指令的状态。
我们在编写绑定数据、绑定事件的时候，是在与目标对象DOM Property打交道
常见例子：
<button disabled>Test Button</button>
<button [disabled] = "true">Test Button</button>