Отображение img в угловой форме дает «Нет доступа к значению для элемента управления формы с неопределенным атрибутом имени»

Question

Я отображаю набор значков поверх изображения в моей ngForm.Перетаскивая значки, я сохраняю новое местоположение при отправке формы.Работает нормально, но я получаю досадную ошибку при отображении страницы.

Ошибка

Нет доступа к значению для элемента управления формы с неопределенным атрибутом имени

app.component.html

  <form (ngSubmit)="onSubmit()" #settingsForm="ngForm">
        <img #maplocations *ngFor="let loc of locations" class="map-icon" 
             [src]="loc.getMapImage()"
             [style.left.px]="loc.mapleft" [style.top.px]="loc.maptop"
             data-html="true"/>

  </form>

app.component.ts Я включаю NgForm в свой компонент

import { NgForm } from '@angular/forms';

Почему он жалуется

Answer 1

Хорошо, так что я думаю, что нашел ошибку ... Ошибка не была в * ngFor, как пытались сказать детали ошибки.Это было с меткой внизу страницы:

<label [ngModelOptions]="{standalone: true}" [(ngModel)]="selectedLocation.name"></label>

Удалил метку и теперь ошибка исчезла.