1、数据绑定

数据绑定 是被嵌入模板的表达式，经过求值后可在HTML文档中生成动态内容
单向数据绑定 从数据模型流向组件，最后流入数据绑定，从而可在模板中显示。使用方括号表示这是单向数据绑定

<div [ngClass]="getClasses()">
  Hello world!
</div>

2、指令的特性

指令的特性：
1.名称独一无二
2.通过名称能知道指令的作用
3.内置指令使用ng开头

有4种不同的属性绑定：
1.[property]，标准属性绑定
2.[attr.name]，自定义属性绑定
3.[class.name]，特殊的类属性绑定
4.[style.name]，特殊的样式属性绑定

3、Angular中的括号

1.[target]="expr"，单向数据绑定
2.{{expr}}，字符串插入绑定
3.(target)="expr"，表示单向数据绑定，一般为事件绑定
4.[(target)]="expr"，双向数据绑定

<div (click)="onClick()">
  {{myname}}
  <input [value]="model.getproduct(0)?.name"/>
<input [(ngModel)]="myname"/>
</div>

4、类和样式绑定的方式

类绑定

<div [class]="expr"></div>
<div [class.myClass]="expr"></div>
<div [ngClass]="expr"></div> //字符串、数组、对象

样式绑定的方式:

<div [style.fontSize]="expr"></div>
<div [style.fontSize.px]="expr"></div>
<div [ngStyle]="expr"></div> //对象

当Angular处理数据绑定的目标时：
1.首先进行检查确定是否匹配某条指令
2.如果不是指令，检查目标是否属性绑定