如果ngModel在一个form标签中使用，必须设置name属性或者form

我在Angular 2中得到了这个错误

core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 如果ngModel在一个form标签中被使用，则name . ngModel在一个form标签中被使用属性必须设置或窗体控件必须在ngModelOptions中定义为'standalone'。

示例1:

<input [(ngModel)]="person.firstName" name="first">

示例2:

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">

<td *ngFor="let lag of ce.lags">
    <div class="form-group1">
        <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}"  class="form-control" pattern="[0-9]*(\.[0-9]+)?" required>
    </div>
</td>

这是我如何使用表单标签:

<form #f="ngForm" (ngSubmit)="onSubmit()">

当前回答

这两个属性都是必需的，并且还要重新检查所有具有“name”属性的表单元素。如果你使用表单提交概念，其他明智的只是使用div标签而不是表单元素。

<input [(ngModel)]="firstname" name="something">

2018-01-17 08:31:03

其他回答

这两个属性都是必需的，并且还要重新检查所有具有“name”属性的表单元素。如果你使用表单提交概念，其他明智的只是使用div标签而不是表单元素。

<input [(ngModel)]="firstname" name="something">

2018-01-17 08:31:03

您没有提到您正在使用的版本，但如果您正在使用rc5或rc6，那么“旧”样式的表单已经被弃用了。看一下关于“新”表单技术的指导:https://angular.io/docs/ts/latest/guide/forms.html

2016-09-04 08:45:04

如果使用ngForm，所有[(ngModel)]=""的输入字段必须有一个带值的属性名。

<input [(ngModel)]="firstname" name="something">

独立的

通过设置[ngModelOptions]="{standalone: true}"，可以告诉Angular，忽略表单和/或ngForm，只需要将它绑定到firstname变量即可。

但是，如果错误地使用了form-tag(就像我的情况一样)，则将form更改为div是另一种选择(但仅当您的样式不需要form-tag时)。

2016-11-07 09:44:21

为了能够以您想要的形式显示信息，您需要提供那些特定的感兴趣名称的输入。我建议你:

<form #f="ngForm" (ngSubmit)="onSubmit(f)"> ...
<input **name="firstName" ngModel** placeholder="Enter your first name"> ...

2017-12-05 07:58:25

当你清楚地看到控制台时，它会给你两个例子。实现其中任何一个。

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone:true}">

<input [(ngModel)]="person.firstName" name="first">

2017-12-20 11:55:35

如果ngModel在一个form标签中使用，必须设置name属性或者form

推荐文章

最新文章

标签