输入标签无法与 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
我在尝试实现 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