一. 绑定数据

  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随笔——绑定数据、绑定属性、数据循环、条件判断、事件、表单处理、双向数据绑定

相关文章:

  • 2021-10-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-24
  • 2021-12-03
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-06
  • 2021-06-20
  • 2021-12-09
  • 2021-11-14
相关资源
相似解决方案