我正在开发一个带有简单HttpClient请求的Angular 5应用,以从后端获取单个值。 我将从API服务接收的数据绑定到HTML。 (使用[(ngModel)])。 API的响应时间约为200毫秒。 但是,在屏幕上显示数据所需的时间约为3秒。 我不确定我是否朝着正确的方向前进。为什么会发生这种情况?
答案 0 :(得分:1)
不久前我遇到了同样的问题,这些是我发现的相关内容,可以帮助我解决此问题。
document
中,比如说20个click
侦听器已添加到文档中,因此应用程序中任何位置的每次单击都将调用所有20个单击处理程序,并且会导致整个应用程序有20 changeDetection
个周期。 (我遇到这个问题是因为我使用的是CSS软件包之一:从Bootstrap下拉菜单切换)您可以检查event listeners
,如下图所示。
changeDetection
策略更改为onPush
,这样,至少相关组件的所有输入属性都不会检查他们的引用是否未更改。我希望这两个对您的应用程序有用!
答案 1 :(得分:0)
我通过删除ChangeDetectionStrategy.OnPush
答案 2 :(得分:0)
对于所有遇到这个问题的人,我有一个类似的问题,我正在显示一个带有输入切换的表格,当我切换输入时,表格(10 行 8 列)将显示输入 - 没有输出绑定到它的数据,一次一个。一个显示暂停然后下一个,下一个......
问题最终是 [(ngModel)]
存在问题,添加后缺少 [ngModelOptions]="{standalone: true}
,所有这些都同时显示。