如何从Angular Route中高效提前获取所需数据的方法有哪些？

本文共计2045个文字，预计阅读时间需要9分钟。

目录介绍为什么应该使用Resolver在应用中使用Resolver创建服务并编写逻辑获取列表数据如何应用一个预加载导航总结介绍提前获取意味着在数据尚未完全显示在屏幕上时，就已经获取到了数据。

目录

• 介绍
• 你为什么应该使用 Resolver
• 在应用中使用 Resolver
• 创建服务并编写逻辑获取列表数据
• 怎么应用一个预加载导航
• 总结

介绍

提前获取意味着在数据呈现在屏幕之前获取到数据。本文中，你将学到，在路由更改前怎么获取到数据。通过本文，你将学会使用 resolver， 在 Angular App 中应用 resolver，应用到一个公共的预加载导航。

你为什么应该使用 Resolver

Resolver 在路由跟组件之间扮演着中间件服务的角色。假设你有一个表单，没有数据时，你想向用户一个空的表单，当在加载用户数据时展示一个 loader，然后当数据返回时，填充表单并隐藏 loader。

通常，我们都会在组件的 ngOnInit() 钩子函数中获取数据。也就是说，组件加载完之后，我们发起数据请求。