在Angular中，可以使用Service Worker来创建一个PWA，并在无网络连接时路由到自定义离线页面。下面是一个示例解决方法：

1. 首先，确保你的Angular项目已经启用了Service Worker。可以使用Angular CLI来生成一个带有Service Worker的PWA项目：

ng new my-pwa
cd my-pwa
ng add @angular/pwa

2. 在src文件夹下创建一个名为offline的文件夹，并在其中创建一个名为offline.component.html的文件。这将是自定义的离线页面的模板。

3. 在src/app文件夹下创建一个名为offline.component.ts的文件，并在其中编写以下代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-offline',
  templateUrl: './offline.component.html',
  styleUrls: ['./offline.component.css']
})
export class OfflineComponent {}

4. 在app.module.ts文件中导入并声明OfflineComponent：

import { OfflineComponent } from './offline/offline.component';

@NgModule({
  declarations: [
    // ...
    OfflineComponent
  ],
  // ...
})
export class AppModule { }

5. 在ngsw-config.json文件中配置Service Worker，添加以下代码段：

{
  "index": "/index.html",
  "assetGroups": [
    // ...
  ],
  "dataGroups": [
    {
      "name": "api-freshness",
      "urls": [
        // ...
      ],
      "cacheConfig": {
        "strategy": "freshness",
        "maxSize": 100,
        "maxAge": "3d",
        "timeout": "10s"
      }
    }
  ],
  "routing": {
    "index": "/index.html",
    "routes": {
      "/offline": {
        "match": "exact",
        "offline": true
      }
    }
  }
}

6. 在app.component.html文件中添加一个链接到离线页面的按钮：

Go Offline

7. 在app-routing.module.ts文件中添加一个路由到离线页面的路径：

import { OfflineComponent } from './offline/offline.component';

const routes: Routes = [
  // ...
  { path: 'offline', component: OfflineComponent }
];

8. 运行项目并测试。当你点击“Go Offline”按钮时，将会路由到自定义的离线页面。

这样，当用户无网络连接时，就会自动路由到自定义的离线页面。