如何利用AngularJS动态创建表格和动态赋值

第一步，打开HBuilder开发工具，在指定的Web项目中新建静态页面init.html，并引入Bootstrap和AngularJS相关的文件

第二步，在body元素添加ng-controller指令，并在里面添加<table></table>

第三步，在<script></script>里编写AngularJS初始化函数，并声明控制器

第四步，预览该静态页面，在浏览器查看页面效果，显示一个输入框和按钮

第五步，在控制器中添加变量model，这个变量赋值数组

第六步，在表格table循环model变量，遍历该数组并给表格赋值

Angular 总共提供了 3 中表单实现方式，分别是： Template-driven Forms （模板驱动表单） 、 Reactive Forms （响应式表单） 、 Dynamic Forms （动态表单） 。

在我们要使用响应式表单的那个模块里面引入响应式表单模块，我们需要在 imports 中添加ReactiveFormsModule。

// 用到双向数据绑定必须引入

import { FormsModule, ReactiveFormsModule } from '@angular/forms'

表单中只能使用固定的formControlName去实现双向数据绑定，不能使用ng-model

在 KeywordAddComponent中注入 FormBuilder 对象，并添加 keywordForm表单组。

---