要使Angular Service Worker缓存index.html文件，可以使用Angular的@angular/service-worker模块提供的自定义配置选项。

1. 首先，在项目根目录下的ngsw-config.json文件中，找到"assetGroups"数组，将其中的"resources"属性添加为index.html。

{
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          ...
        ]
      }
    },
    ...
  ],
  ...
}

2. 然后，在app.module.ts中导入ServiceWorkerModule，并使用forRoot方法配置自定义的Service Worker设置。

import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    BrowserModule,
    ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production })
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

以上代码示例中，将index.html文件添加到了"app"组中的resources数组中，以便Service Worker缓存该文件。请确保在"files"数组中的其他资源也符合你的需求。

注意：在使用Service Worker的情况下，Angular会自动生成一个ngsw-worker.js文件，用于Service Worker的注册和缓存管理。确保该文件已在项目中存在。

这样配置后，Service Worker会缓存index.html文件，以便在离线或网络连接较差的情况下使用。