Angular PWA / Service Worker 离线翻译宽度 ngx-translate答案

【问题标题】：Angular PWA / Service worker offline translation width ngx-translateAngular PWA / Service Worker 离线翻译宽度 ngx-translate
【发布时间】：2020-02-09 03:10:44
【问题描述】：

我有一个使用@ngx-translate/core 和@ngx-translate/http-loader 进行翻译的角度pwa 应用程序。所以我想知道如果设备离线，是否有可能让翻译工作。

有没有办法缓存 http-loader 请求，可能在 ngsw-config.json 文件的 dataGroup 中？

【问题讨论】：

标签： angular progressive-web-apps ngx-translate angular-service-worker

【解决方案1】：

如果您遵循标准模式并使用 json 文件作为您的语言环境信息，那么您将使用资产组（见下文）：

{
  "name": "translate",
  // Use lazy. You don't want to install unless they use the translation
  "installMode": "lazy", 
  // Use prefetch because you want it to update every time the app updates
  "updateMode": "prefetch",
  "resources": {
    "files": "/assets/i18n/*.json"
  }
}

见https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/和https://angular.io/guide/service-worker-config

【讨论】：

感谢您的回答，但是如何配置 ngx 翻译器的 http-loader 的 get 请求？
在深入挖掘之后，我会说这取决于。我已经更新了我的答案。
非常感谢，这正是我想要的！