Angular2如果在表单标记中使用ngModel，则必须设置name属性或表单
Angular2如果在表单标记中使用ngModel，则必须设置name属性或表单
提问于 2016-09-04 10:44:25
我从Angular 2得到这个错误
表单异常:未捕获(在promise中)：错误:表单中的错误原因:如果在
标记中使用了ngModel，则必须设置core.umd.js:5995属性，或者必须在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()">回答 14
Stack Overflow用户
发布于 2016-11-07 17:44:22
如果使用ngForm，则所有具有[(ngModel)]=""的输入字段都必须具有属性name和一个值。
<input [(ngModel)]="firstname" name="something">独立的
通过设置[ngModelOptions]="{standalone: true}"来告诉Angular类似的东西，忽略表单和/或ngForm，只需将其绑定到firstname变量即可。
但是，如果错误地使用了form-tag (就像我的例子中有时)，将form更改为div是另一种选择(但前提是您的样式不需要form-tag)。
Stack Overflow用户
发布于 2017-09-29 08:32:22
因为每个开发人员都有一个共同的习惯，不阅读完整的错误，只需阅读第一行并开始从其他人那里寻找答案:):)我也是他们中的一员，这就是为什么我在这里：
阅读错误，清楚地说：
Example 1: <input [(ngModel)]="person.firstName" name="first">
Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">我们还需要什么才能理解这个错误呢？
使用任何一个选项，一切都将顺利进行。
Stack Overflow用户
发布于 2019-01-17 19:33:46
在我的例子中，错误发生是因为在下面的html标记中，没有名称属性的行又多了一行。
<form id="form1" name="form1" #form="ngForm">
<div class="form-group">
<input id="input1" name="input1" [(ngModel)]="metaScript" />
...
<input id="input2" [(ngModel)]="metaScriptMessage"/>
</div>
</form>但是浏览器仍然报告第一行有错误。如果你在这两者之间有其他元素，就很难发现错误的根源。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39313095
复制相关文章
相似问题