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

Posted muyi-one

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ngFor遍历时 input显示为空,但是ng-model有值相关的知识,希望对你有一定的参考价值。

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

删除前:

技术图片

删除后:

技术图片

 

点击添加:

技术图片

 

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

技术图片

 

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

技术图片

 

 ts:

技术图片

 

 结果正常

技术图片

 

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

 

以上是关于ngFor遍历时 input显示为空,但是ng-model有值的主要内容,如果未能解决你的问题,请参考以下文章

List遍历时删除遇到的问题

vue遍历时添加个数过滤条件

List集合遍历时修改元素出现并发修改异常总结

Angular2 *ngFor把数据显示在多个input中出错解决方法

$_POST 为空,但是 php://input 显示存在的值 [重复]

Angular:ngFor数据项并在为空时显示自定义消息