输入标签无法与 Angular 5 一起正常工作

input tag not working properly with Angular 5

我在尝试实现 angular 5 中的一项功能时遇到输入标签无法正常工作的问题。

这是代码的 link:stackblitz

如果有人能告诉我我是否做错了什么,或者只是一些 angular 版本问题,那就太棒了。因为相同的代码在 angular 10.

上运行良好

问题是您的 keyvalue 每次都会 returns 传递数组的新引用,因此 angular 每次都会 re-render 所有 ngFor 项。您可以通过在 ngFor 上添加 trackBy 来解决此问题。它会在 re-rendering 项目之前进行检查。并且只会呈现需要 re-rendering.

的项目

这是工作示例:

注意: 有一个 angular 小于 6 的解决方法示例和 angular 6+

的解决方案

https://stackblitz.com/edit/angular-5-tutorial-p4uywe?file=app%2Fapp.component.html