Angular 18 input signal接收普通变量与信号的差异及选型建议

核心差异 #

• 内部处理逻辑：传普通变量时，Angular会自动把它包装成只读信号，子组件里input()返回的始终是Signal类型；直接传信号的话，Angular会复用这个信号（但子组件依然只能读，没法修改源信号）。
• 变更触发时机：普通变量只有当父组件里它的引用或值真的变了（比如从"ajai"改成"bob"），才会触发子组件input信号更新；传信号的话，只要父组件里调用了源信号的set()/update()，哪怕值没变化，子组件的input信号也会响应更新。
• 性能表现：频繁更新场景下信号传值更高效——信号系统是细粒度变更检测，不用遍历整个组件树；普通变量依赖Zone.js的变更检测，大量频繁更新时可能有性能损耗。

适用场景 #

普通变量传值 #

• 静态或极少变更的数据，比如初始化时传入的配置项、固定文本。
• 父组件不需要追踪这个变量变化，只是单纯传递初始值的场景。

信号传值 #

• 需要频繁更新的数据，比如表单输入内容、实时加载状态、计数器数值。
• 父组件本身已经用Signal管理状态，直接传信号能保持状态的一致性和可追踪性。
• 子组件需要响应每一次变更（哪怕值没变化）的场景。

最优用法 #

• 如果父组件的状态已经用Signal管理，优先传信号：减少Angular的包装开销，同时让状态流更清晰。
• 简单场景用普通变量：数据很少变化的话，没必要额外创建信号，直接传普通变量更简洁。
• 子组件统一用input()接收：不管父组件传什么，子组件都能使用Signal的API（比如value()、effect()）处理，不用区分传值类型。
• 别混合两种方式：如果某个状态需要频繁更新，就统一用Signal管理，避免时而传普通变量时而传信号，增加维护成本。

内容的提问来源于stack exchange，提问作者Ajai Ramalingam