Angular 20中使用toSignal()处理必填输入信号的问题及最优方案咨询

我最近在开发Angular 20应用时碰到了一个头疼的问题：我有一个组件需要基于必填的输入信号从bookService获取日志，服务返回的是Observable，我原本想直接用toSignal()把它转成信号，但却触发了错误。

最初的错误代码 #

export class HistoryComponent {
  private readonly bookService = inject(BookService);
  public readonly bookId = input.required<string>();

  public logs = toSignal(
    this.bookService.getLogs(this.bookId()),
    {initialValue: []}
  );
}

触发的错误信息 #

RuntimeError: NG0950: Input "bookId" is required but no value is available yet.
at _HistoryComponent.inputValueFn [as bookId] (core.mjs:61:19)
at <instance_members_initializer> (history.component.ts:21:55)
at new _HistoryComponent (history.component.ts:16:7)

看起来toSignal()会在组件构造阶段同步执行，这时候必填输入信号的value还没准备好，所以直接触发了必填输入未赋值的错误。

我梳理的几种备选方案 #

我想了几个可能的解决方向，但前两个都感觉不太符合预期：

• 方案1：在ngOnInit中使用toSignal()：虽然ngOnInit阶段能确保拿到bookId的值，但这里没有注入上下文，得用withInjectionContext()包裹，总感觉有点hacky，不太贴合Angular的设计规范。
• 方案2：将bookId改为非必填输入：然后在代码里处理空值的情况，但这不符合实际——我能保证父组件一定会传这个值，所以它就应该是必填的，改成非必填总觉得是在妥协。
• 方案3：用effect()替代toSignal()：这是目前我找到的可行方案，代码如下：

export class HistoryComponent {
  private readonly bookService = inject(BookService);
  public readonly bookId = input.required<string>();
  public logs: BookLogs[] = [];

  public constructor() {
    effect(() => this.bookService.getLogs(this.bookId())
      .subscribe(logs => this.logs = logs));
  }
}

这个代码能正常工作，但我心里总觉得有点别扭——毕竟Angular现在推荐用信号来管理状态，toSignal()才是更贴合信号体系的方式。所以想请教各位：

• 我现在用effect()的方案是不是当前的最佳实践？
• 有没有更优雅的方式，能让我继续用toSignal()来处理这个场景，同时保留bookId的必填属性？

内容来源于stack exchange