输入同时使用名称和值属性发生冲突

时间:2019-07-14 20:16:58

标签: javascript angular typescript

不存在属性“名称”时,将正确显示“值”中指示的值。但是,当我添加使用[[ngModel)]所需的属性“名称”时,属性“值”将停止工作。

当我不使用“ name”属性时,会抛出此错误:

错误错误:如果在表单标签中使用ngModel,则必须在ngModelOptions中设置name属性或将表单控件定义为“独立”。

示例1:<input [(ngModel)]="person.firstName" name="first">

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

两个示例都不起作用

1 个答案:

答案 0 :(得分:0)

如果您在表单内使用输入,则应采用这种方式。

 <form [formGroup]="formName" >
 <input   name= "email" formControlName="email">
 </form>