时间戳

首页 > 解决方案 > 如何解决 Angular 表单字段错误？

angular - 如何解决 Angular 表单字段错误？

问题描述

我在开发人员工具控制台中收到有关表单输入字段的错误。

错误显示“ngModel 在表单标签中使用，必须设置名称属性或...”。

并给出了一个建议的解决方案： 示例 1：

但问题是我正在做开发者工具建议的事情。这是我的代码：

<input class="form-control" name="name" [(ngModel)]="product.name" />

我可以注释掉这个特定的表单字段，只是为了在以下字段上获得完全相同的错误反馈。

有任何想法吗？这没有任何意义！（大部头书）

标签： angularforms

解决方案

如果您使用的是 ngForm，则需要 name 属性，或者您可以添加以下内容

<input class="form-control" [(ngModel)]="product.name" [ngModelOptions]="{standalone: true}"/>

如果你认为你已经提供了 name 属性，那么也许你想确保浏览器也更新了代码（ng build，ng serve）

推荐阅读