javascript - [ngModelOptions] ="{standalone: true}"的 Angular 单元测试失败

Question

这个问题已经有答案了:

angular2 rc.5 custom input, No value accessor for form control with unspecified name (5 个回答)

已关闭 6 年前。

我的 angular2 单元测试代码失败并出现以下回溯。我知道这是因为没有添加formControlName属性为input位于 FormGroup 内的标记。

但我添加了[ngModelOptions]="{standalone: true}"到该特定标签。

<md-slide-toggle [(ngModel)]="isAvailable" color="primary" [ngModelOptions]="{standalone: true}">
</md-slide-toggle>

它在主站点中运行良好，但在测试中，它显示

PhantomJS 2.1.1 (Linux 0.0.0): Executed 39 of 65 (1 FAILED) (0 secs / 1.391 secs)
PhantomJS 2.1.1 (Linux 0.0.0) VehicleFormComponent should create FAILED
    Error: Error in ./VehicleFormComponent class VehicleFormComponent - inline template:41:63 caused by: No value accessor for form control with unspecified name attribute in src/test.ts (line 98781)
    _throwError@webpack:///~/@angular/forms/src/directives/shared.js:122:0 <- src/test.ts:15986:48

Answer 1

正如您可能知道的，如果您未指定，则会出现错误

[ngModelOptions]="{standalone: true}

如下:

因此另一个选项是设置 name 属性。您当前的错误:

...具有未指定名称属性的表单控件...

看起来和上图中的错误非常相似。 IF 如果您使用 ngModelOptions 或 name 属性并不重要，您可以尝试删除 ngModelOptions并插入名称。从功能上讲，这不会以任何方式改变代码的执行，因此在我看来这是一个非常可行的选择(如果它有效)