控件必须定义为“独立”值未设置为名称属性 TypeScript ，Angular答案

【问题标题】：control must be defined as 'standalone' Value not setting to name attribute TypeScript ,Angular控件必须定义为“独立”值未设置为名称属性 TypeScript ，Angular
【发布时间】：2019-03-17 14:03:32
【问题描述】：

我基本上是在尝试为名称、表单的类型属性分配一个值，但它没有被分配，并且它给出了独立的问题

<div *ngFor="let a of UserFormArray">
<form #f="ngForm" (ngSubmit)="sender(f)" name="FormName">
{{a.name}}
<input type={{a.type}} [name]=a.name ngModel #awda="ngModel" required>
Name:
<input name="FirstName" ngModel #FirstName="ngModel" required> LastName:
<button>Submit</button>
</form>
</div>

错误：ERROR 错误：如果在表单标签中使用 ngModel，则必须设置名称属性或表单控件必须在 ngModelOptions 中定义为“独立”。

【问题讨论】：

试试[attr.name]
如果您的所有 UserFormArray 项目都具有 name 属性，它应该可以工作
不工作，[attr.name]
我之前尝试过重现这个问题，只是在@yurzui 建议的a.name 为空时遇到了问题。

标签： angular typescript

【解决方案1】：

您提到了表单元素的name 属性。

<div>
<form #f="ngForm" (ngSubmit)="sender(f)">

<input name="FirstName" #FirstName="ngModel" [(ngModel)]="a" required> Firstname : {{FirstName.value}}
<br/>
<input name="LastName" #LastName="ngModel" [(ngModel)]="b" required> 
LastNme : {{LastName.value}}
<br>
<button>Submit</button>


</form>
</div>

工作副本在这里 - https://stackblitz.com/edit/angular-wvxuyw

【讨论】：