1. 首页
  2. 编程语言
  3. Javascript
  4. 使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码

使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码

上传者: 2021-06-08 03:43:22上传 PDF文件 140.80 KB 热度 11次

使用 Angular RouteReuseStrategy 缓存组件当我们在组件间切换的时候,Angular都会销毁上一个组件,并且创建一个新的组件。在大多数情况下,我们可能不想让它这样工作,因为每次加载一个组件,可能会有很多类似HTTP请求一样的昂贵的操作。RouteReuseStrategy接口声明了5个方法。shouldReuseRoute这个方法每次切换路由时都会被调用。shouldAttach路由刚刚被打开,当我们加载到这个路由的组件上时,retrieve当shouldDetach当离开当前路由时这个方法会被调用。如果返回store这个方法当且仅当示例src/services/route-strategy.service.tssrc/app/app.module.ts:以上示例运行时会缓存所有路由组件。

用户评论