Angular开发实践之服务端渲染(8)

日期：2020-05-11 栏目：程序人生 浏览：次
  1. 使用 const KFCLIST_KEY = makeStateKey('kfcList') 创建储存传输数据的 StateKey
  2. 在 HomeComponent 的构造函数中注入 TransferState
  3. 在 ngOnInit 中根据 this.state.get(KFCLIST_KEY, null as any) 判断数据是否存在（不管是服务端还是客户端），存在就不再请求，不存在则请求数据并通过 this.state.set(KFCLIST_KEY, data as any) 存储传输数据
  4. 在 ngOnDestroy 中根据当前是否客户端来决定是否将存储的数据进行删除

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。