Angular 19中input()信号指令测试报NG0203错误问题排查

问题原因 #

NG0203错误本质是Angular测试框架无法识别指令上的输入属性，核心差异在于：

• @Input会在类元数据中注册输入属性信息，旧测试代码依赖这套元数据处理输入绑定；
• input()信号是基于类实例的信号对象，若测试代码沿用@Input时代的赋值或绑定逻辑，会因找不到对应输入属性触发错误。

解决方法 #

1. 修正测试中输入属性的赋值方式 #

@Input时代直接给组件实例属性赋值的写法不再适用，需调用信号的set()方法：

// 错误写法（@Input时代）
fixture.componentInstance.yourInput = 'test-value';

// 正确写法（input()信号）
fixture.componentInstance.yourInput.set('test-value');

设置完成后记得调用fixture.detectChanges()触发变更检测。

2. 核对模板绑定的输入名称 #

如果测试用宿主组件的模板绑定了指令输入，需确保绑定名称与input()信号定义一致：

• 若信号指定了别名（如yourInput = input<string>('input-alias')），模板中必须绑定[input-alias]，而非信号变量名yourInput；
• 未指定别名时，直接绑定信号变量名即可。

3. 适配独立指令的TestBed配置 #

若你的指令是独立组件/指令（启用standalone: true），测试时要把指令放在TestBed的imports数组中，而非declarations：

TestBed.configureTestingModule({
  imports: [YourTargetDirective], // 独立指令放此处
  declarations: [TestHostComponent]
});

4. 排查测试组件的声明与引用 #

确认测试用宿主组件（TestHostComponent）正确声明了目标指令，且模板中指令的选择器、输入绑定无拼写错误。

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