此问题通常发生在 Angular 14 的服务器端渲染（SSR）应用程序中。当 Angular 14 SSR 试图从应用程序获取 ID 时，它可能会崩溃并显示 undefined 的 ID。这个问题的根本原因是服务器端的路由器未加载完成，因此无法接收到正确的 ID 值。解决该问题的方法是使用 Observable 对象和 ActivatedRoute 服务，这样就可以等待路由器完全加载后再获取 ID 值。

以下是一个示例代码，展示了我们如何在 SSR 应用程序中使用 Observable 和 ActivatedRoute 服务来解决该问题：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/first';

@Component({
  selector: 'app-my-component',
  template: `Current ID: {{ id$ | async }}`
})
export class MyComponent implements OnInit {

  id$: Observable;

  constructor(
    private route: ActivatedRoute
  ) {}

  ngOnInit() {
    this.id$ = this.route.params
      .pluck('id')
      .first();
  }

}

在上述代码中，我们使用 ActivatedRoute 服务来获取路由器参数。我们使用 Observable 对象来等待路由器完全加载。然后，我们使用 first() 方法来获取第一个值并获取 ID 值。最后，我们使用 async 管道来订阅 ID 值并在模板中显示它。

通过这种方式，我们可以避免 Angular 14 SSR 崩溃并显示 undefined 的 ID，而是通过正确和安全的方式来获取 ID 值。