没有用于具有未指定名称属性的表单控件的值访问器 [英] No value accessor for form control with unspecified name attribute

问题描述

嘿，我将滑块数据绑定到值为1和0的属性.在1上，该开关应处于活动状态，在0上，则不应激活.我成功地对一些输入和选择元素进行了数据绑定，但是在滑块上我遇到了以下错误:

Hey iam Databinding my slider to an attribute whit the values 1 and 0. On 1 the switch should be active, on 0 it shouldnt. I successfully Databinded some Input and Select Elements but at the Slider i run into following error:

没有用于具有未指定名称属性的表单控件的值访问器

No value accessor for form control with unspecified name attribute

这是我的HTML部分:

This is my HTML part:

<div class="slidercontainer aftericn">
   Off
   <mat-slide-toggle [(ngModel)]="endless" #ctrl="ngModel" name="endless" 
   id="endless"></mat-slide-toggle>
   On
</div>

我没有任何围绕它的Form，并且我也有一个name属性，所以我不明白为什么会发生此错误！感谢您的帮助！

I do not have any Form arround it, and i also have a name attribute, so i dont understand why this error happens! Thanks for any help!

编辑

这是整个Mat-Card区块:

Here is the whole Mat-Card Block:

  <mat-card class="inputdatacard">
     <div class="flexcontainercolumn">
        <div class="flexcontainerrow">
           <div>
              <mat-icon class="suffixicon" aria-label="person">today
              </mat-icon>
           </div>
           <div class="flexcontainerrow100">
              <label>Endlos</label>
              <div class="slidercontrainer">
                 Off
                 <mat-slide-toggle [checked]="endless" [(ngModel)]="endless" name="endless" id="endless"></mat-slide-toggle>
                 On
              </div>
           </div>
        </div>
        <mat-form-field class="startdatecont" [(ngModel)]="startdate">
           <input matInput [matDatepicker]="picker1" placeholder="Startdatum" [value]="startdate">
           <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
           <mat-datepicker #picker1></mat-datepicker>
        </mat-form-field>

         <mat-form-field *ngIf="endless == 0" class="enddatecont">
           <input matInput [matDatepicker]="picker2" placeholder="Enddatum">
           <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
           <mat-datepicker #picker2></mat-datepicker>
        </mat-form-field>
     </div>
  </mat-card>

编辑2

添加了 Stackblitz (控制台中显示错误)

Added Stackblitz (Error shows up in Console)

推荐答案

我已经通过简单地删除和插入元素来解决了这个问题.好像这样有点bug.在表单域控制错误中也遇到了同样的问题.删除并插入它可以解决该问题.

I have solved it by simple deleting and inserting the element. Seems like this is a bit bugged. Got the same problem whit form-field-control error. Deleteing and Inserting it solved the Issue.

这篇关于没有用于具有未指定名称属性的表单控件的值访问器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！