时间戳

首页 > 解决方案 > 如何有效地将需要的值从数据库加载到角度组件？

angular - 如何有效地将需要的值从数据库加载到角度组件？

问题描述

我正在寻找一种在角度组件上填充数据的方法。我必须在单个组件中加载多个下拉列表的数据。那么是按需加载值还是在绘制组件时首先加载它们更好。或者有没有其他方法可以实现这一点，以便我可以向用户展示渲染组件和数据的最小延迟。

提前致谢。

ngOnInit() { 
      this.loadAvalues();
      this.loadBvalues();
      this.loadCvalues();
      this.loadDvalues();
      this.loadEvalues();
      this.loadFvalues();
}

或者

当动作被触发时调用这些方法。

标签： angularperformance

解决方案

用于创建渲染数据的本地“缓存”；它在某种程度上取决于您正在加载多少数据，以及它显示的内容。当你这样做时，fetch它是异步的，但它会在每次模型更改后重新渲染；如果这是一个问题，这些都可以包含在一个Promise.all([this.loadAValues ... ]).

由于它是一个下拉列表，因此不需要任何加载时间，因此最好先加载它。但是，并不需要立即获取数据，因此它可以在您完成渲染任何交互后加载一点。

推荐阅读