小编Hir*_*ekh的帖子

出于好奇,我想知道是否有任何方法可以在Angular 2中制作自闭合组件,就像<input>标签一样.所以我可以在我的模板中使用它,如:

<div> <my-input> </div>`

我正在学习渐进式 Web 应用程序，并且已经创建了具有所有 PWA 配置的 angular 应用程序。然后我将该应用程序托管在 firebase 上并在我的 android 手机上打开它并成功收到提示，说将应用程序添加到主屏幕。

但是现在我已经更改了清单文件和 index.html 文件中的应用程序图标，然后再次部署了该应用程序，但我手机上的主屏幕图标没有更新。我试过卸载应用程序然后重新安装，但它仍然在我的手机上显示旧图标。

所以我的问题是，如何更新用户设备上的主屏幕图标？这是我的配置文件。

清单文件

{
  "short_name": "My Expense",
  "name": "Log My Expense",
  "start_url": "/",
  "theme_color": "#5FD4AF",
  "background_color": "#ffffff",
  "display": "standalone",
  "orientation": "portrait",
  "icons": [
    {
      "src": "/assets/icons/cash-money-wallet_64.png",
      "sizes": "64x64",
      "type": "image/png"
    },
    {
      "src": "/assets/icons/cash-money-wallet_128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "/assets/icons/cash-money-wallet_256.png",
      "sizes": "256x256",
      "type": "image/png"
    },
    {
      "src": "/assets/icons/cash-money-wallet_512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

ngsw-config.json

{
  "index": "/index.html",
  "assetGroups": [{
    "name": "app",
    "installMode": "prefetch", …