angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

一. 绑定数据

  1. 数据文本绑定 双花括号{{}}
    angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
  2. 绑定html
    angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
    angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

二.数据循环 *ngFor
1. 普通循环,设置下标i
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
2. template循环数据
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

三.条件判断*ngIf
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

四.执行事件 ()里面加事件=“方法” (click)=“addRow()”
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

五.绑定属性
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

六.表单处理

  1. 注意引入FormsModule

angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

七.双向数据绑定 [(ngModel)]=“data”
angular4.0随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定