Angular CDK浮层组件动态赋值Signal Input报错问题咨询

核心问题：Object.assign破坏了Angular信号的结构 #

你用的myInput = input.required<MyInputInterface>()是Angular的信号输入，它本质是一个具备函数调用能力的特殊对象——既可以通过myInput()读取值，也能通过Angular的内部机制更新值。

当你用Object.assign(componentRef.instance, context)时，会直接把context里的myInput原始值覆盖组件实例上的信号对象，导致this.myInput从信号变成了普通的数值/对象类型，自然调用this.myInput()时会报“不是函数”的错误。你调试时看到myInput有值，就是因为这个被覆盖后的原始值，但它已经不是信号了。

常规绑定正常的原因 #

父组件用常规输入绑定（如<my-component [myInput]="data">）时，Angular会通过信号专属的更新逻辑处理赋值：它不会直接覆盖信号对象，而是调用信号的内部setter更新值，同时自动触发变更检测，所以能正常工作。

正确的实现方式 #

不要用Object.assign，改用Angular提供的ComponentRef.setInput()方法来设置输入值，它会正确识别信号输入并更新：

// 单个输入的情况
componentRef.setInput('myInput', context.myInput);

// 多个输入的情况
Object.entries(context).forEach(([key, value]) => {
  componentRef.setInput(key as never, value);
});

这个方法会保留信号对象的结构，同时更新信号的值，组件内调用this.myInput()就能正常读取最新值，也能触发Angular的变更检测。

内容的提问来源于stack exchange，提问作者Iris Dreizen