ngFor遍历时 input显示为空,但是ng-model有值

问题描述:一共三行input信息栏(A、B、C),删除B,点击添加操作,新增空白input信息栏(D),结果(C)的信息显示为空

删除前:

ngFor遍历时 input显示为空,但是ng-model有值

删除后:

ngFor遍历时 input显示为空,但是ng-model有值

 

点击添加:

ngFor遍历时 input显示为空,但是ng-model有值

 

 结果:第二栏的信息没有了,但是ng-model是有值的

ngFor遍历时 input显示为空,但是ng-model有值

 

解决办法,在ngFor的遍历后面添加trackBy函数

ngFor遍历时 input显示为空,但是ng-model有值

 

 ts:

ngFor遍历时 input显示为空,但是ng-model有值

 

 结果正常

ngFor遍历时 input显示为空,但是ng-model有值

 

 这也是查资料得来的,具体原因看了很多,没有开始学angular还不敢贸然下结论。

 

上一篇:javascript-如何访问在* ngFor中定义的变量?


下一篇:javascript – ngFor显示对象数据