Angular Signals问题：基于@Input的computed信号初始化报错求解决方案

针对你遇到的computed信号首次计算时parentComponent为undefined导致的运行时错误，提供以下几种实用处理方式，同时说明是否需要用ngOnChanges初始化信号：

1. 用可选链操作符快速规避错误 #

这是最简单的解决方案，直接在计算函数中使用可选链?.，当parentComponent为undefined时，表达式会安全返回undefined，不会抛出异常：

@Input() parentComponent;
childSignal = computed(() => this.parentComponent?.parentSignal());

适合允许childSignal暂时为undefined的场景，当parentComponent传入后，computed会自动重新计算并更新信号值。

2. 强制@Input非空（适合确定输入必传的场景） #

如果你能保证parentComponent一定会被父组件传入，可以用TypeScript非空断言!标记，或者给@Input指定类型并设置默认值：

// 非空断言方式（运行时若未传入仍会报错，需确保输入必传）
@Input() parentComponent!: { parentSignal: () => any };
childSignal = computed(() => this.parentComponent.parentSignal());

// 或设置默认空对象（需结合类型断言避免TS报错）
@Input() parentComponent = {} as { parentSignal: () => any };
childSignal = computed(() => this.parentComponent.parentSignal());

3. 用内部信号封装Input（更严谨的响应式处理） #

如果需要更明确地追踪parentComponent的变化，可以用内部信号配合Input setter，本质和可选链效果一致，但逻辑更清晰：

private _parentComponent = signal<{ parentSignal: () => any } | undefined>(undefined);

@Input() set parentComponent(val) {
  this._parentComponent.set(val);
}

childSignal = computed(() => {
  const parent = this._parentComponent();
  return parent ? parent.parentSignal() : undefined;
});

关于ngOnChanges的使用：不需要 #

Angular的信号系统本身具备响应式追踪能力，computed会自动监听依赖的变化（包括@Input的更新），当parentComponent传入或变化时，computed会自动重新计算信号值。ngOnChanges是旧的变更检测API，结合信号使用反而会增加复杂度，完全没必要用它来初始化信号。

内容的提问来源于stack exchange，提问作者George Knap