时间戳

首页 > 解决方案 > 以 Angular 形式显示 img 会给出“具有未指定名称属性的表单控件的无值访问器”

html - 以 Angular 形式显示 img 会给出“具有未指定名称属性的表单控件的无值访问器”

问题描述

我在我的 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';

它为什么抱怨？

标签： htmlangular

解决方案

好的，所以我想我发现了错误...错误不在 *ngFor 中，因为错误详细信息试图说。它在页面下方带有一个标签：

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

删除了标签，现在错误消失了。

推荐阅读