Hola iam Databinding mi control deslizante a un atributo con los valores 1 y 0. En 1 el interruptor debe estar activo, en 0 no debería. He enlazado correctamente algunos datos de entrada y elementos seleccionados, pero en el control deslizante me encuentro con el siguiente error:

Sin valor de acceso para control de formulario con atributo de nombre no especificado

Esta es mi parte HTML:

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

No tengo ningún formulario alrededor, y también tengo un atributo de nombre, ¡así que no entiendo por qué ocurre este error! ¡Gracias por cualquier ayuda!

EDITAR

Aquí está todo el bloque Mat-Card:

  <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>

EDITAR 2

Se agregó Stackblitz (el error aparece en la consola)

2
Tim 21 mar. 2018 a las 17:57

3 respuestas

La mejor respuesta

Lo he resuelto simplemente borrando e insertando el elemento. Parece que esto está un poco molesto. Tengo el mismo problema con el error de control de campo de formulario. Eliminarlo e insertarlo resolvió el problema.

1
Tim 22 mar. 2018 a las 10:06

Tuve un error similar, pero en mi caso aparentemente fue un problema de sincronización, al momento de renderizar los componentes html.

Seguí algunas de las soluciones propuestas en esta página, pero ninguna de ellas funcionó para mí, al menos no por completo.

Lo que realmente resolvió mi error fue escribir el siguiente fragmento de código dentro de la etiqueta padre html de los elementos

Me estaba vinculando a la variable.

Código:

    *ngIf="variable-name"

El error fue causado, aparentemente por el proyecto que intentaba renderizar la página, aparentemente al momento de evaluar la variable, el proyecto simplemente no pudo encontrar su valor. Con el fragmento de código anterior, se asegura de que antes de mostrar la página pregunte si la variable se ha inicializado.

0
marc_s 27 sep. 2019 a las 12:43

Este bombardeo funciona bien con su código, ¿está seguro de que no hizo otra cosa?

Por cierto, un enlace será suficiente.

<mat-slide-toggle [(ngModel)]="endless" name="endless" id="endless"></mat-slide-toggle>
0
user4676340user4676340 21 mar. 2018 a las 15:04
49409674