错误:在switch上没有指定name属性的窗体控件的值访问器

下面是我的Angular组件:

@Component( {
    selector: 'input-extra-field',
    template: `
            <div class="form-group" [formGroup]="formGroup" >
                <switch [attr.title]="field.etiquette" 
                    [attr.value]="field.valeur" [(ngModel)]="field.valeur"
                    [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled">
                </switch>
                <error-messages [control]="name"></error-messages>
            </div>
    `
} )

这是我的班级:

export class SwitchExtraField extends ExtraField {
    @Input() field: ExtraFormField;
    @Input() entity: { fields: Object };
    @Input() formGroup: FormGroup;

    constructor( formDir: NgForm ) {
        super( null, null, formDir );
    }

    get disabled(): string {
        if ( this.field && !!this.field.saisissable && !this.field.saisissable )     {
            return 'disabled';
        }
        return null;
    }
}

这是我编译时得到的错误:

ERROR Error: No value accessor for form control with unspecified name attribute
  at _throwError (forms.es5.js:1918)
  at setUpControl (forms.es5.js:1828)
  at FormControlDirective.webpackJsonp.../../../forms/@angular/forms.es5.js.FormControlDirective.ngOnChanges (forms.es5.js:4617)

当我改变元素开关输入它工作，知道我使用相同的结构到其他组件，它工作得很好。

当前回答

如果这对某些人有帮助，我得到这个错误，因为我在选择的选项标签内有ngModel。

由于(我的)错误，我得到了这个:

<select class="form-control">
    <option *ngFor="let mystate of data.states" value="{{mystate.stateAbbreviation}}" [(ngModel)]="dependent.state">{{mystate.stateName}}</option>
</select>

而不是这样:

<select class="form-control" [(ngModel)]="dependent.state">
    <option *ngFor="let mystate of data.states" value="{{mystate.stateAbbreviation}}" >{{mystate.stateName}}</option>
</select>

2021-10-03 19:56:57

其他回答

我在mat-select中使用了一个formControl:

<mat-select [formControl]="control">
 ...
</mat-select>

我意识到MatSelectModule没有在规范文件中导入，这解决了这个问题。

2021-06-14 16:42:58

在我的例子中，它是一个组件。不存在的成员。

[formControl]="personId"

将其添加到类声明中可以解决这个问题

this.personId = new FormControl(...)

2019-12-25 13:04:32

我还收到了这个错误，当我命名我的一个组件输入'formControl'。可能是留给别的东西用的。如果你想在组件之间传递FormControl对象，可以这样使用:

@Input() control: FormControl;

不是这样的:

@Input() formControl: FormControl;

奇怪-但有效:)

2020-12-11 14:30:11

在我的例子中，它发生在我的共享模块中，我必须将以下内容添加到@NgModule中:

...
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    IonicModule
  ],
...

2020-03-05 13:40:46

我有同样的问题，问题是我的子组件有一个名为formControl的@input。

所以我只需要改变:

<my-component [formControl]="formControl"><my-component/>

to:

<my-component [control]="control"><my-component/>

ts:

@Input()
control:FormControl;

2019-01-17 18:48:50

错误:在switch上没有指定name属性的窗体控件的值访问器

推荐文章

最新文章

标签