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

时间:2018-03-21 14:57:39

标签: html angular angular-cli

嘿iam将我的滑块数据绑定到值为1和0的属性.1开关应该是活动的,0应该是活动的。我成功地对一些输入和选择元素进行了数据绑定,但在Slider中我遇到了以下错误:

  

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

这是我的HTML部分:

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

我没有任何表格,我也有名称属性,所以我不明白为什么会发生这个错误!谢谢你的帮助!

修改

这是整个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

添加了QByteArray Documentatio: http://doc.qt.io/qt-5/QByteArray.html(错误显示在控制台中)

3 个答案:

答案 0 :(得分:1)

我通过简单的删除和插入元素解决了这个问题。好像这有点儿了。遇到了同样的问题,因为whit form-field-control错误。删除和插入它解决了问题。

答案 1 :(得分:0)

This blitz适用于您的代码,您确定自己没有做其他事情吗?

顺便说一句,一个绑定就足够了。

<mat-slide-toggle [(ngModel)]="endless" name="endless" id="endless"></mat-slide-toggle>

答案 2 :(得分:0)

我有一个类似的错误,但就我而言,在呈现组件html时,这显然是一个同步问题。

我遵循了本页上提出的一些解决方案,但是其中任何一个对我都有效,至少不是完全有效。

实际上解决了我的错误的方法是在元素的父html标签内编写以下代码段

我绑定到了变量。

代码:

    *ngIf="variable-name"

该错误显然是由项目试图渲染页面引起的,显然是在评估变量时,该项目无法找到其值。使用上面的代码段,请确保在呈现页面之前,询问变量是否已初始化。