ERROR Error: If ngModel is used within a form tag,

San

ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form

control must be defined as 'standalone' in ngModelOptions.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manav Pandya8y ago
Accepted answer
Hello

Error itself suggesting the solution that you need to provide proper name attribute, or declare it as standalone

Example :

Like i have FirstName and LastName property of a model

Than i can use like below snippet :
// For first name

"FirstName" [(ngModel)]="data.FirstName"/>

// For last name

"LastName" [(ngModel)]="data.LastName"/>
Solution 2 :
// For first name

"FirstName" [ngModelOptions]="{standalone: true}"/>

// For last name

"LastName" [ngModelOptions]="{standalone: true}"/>
Just try to use both option and let me know the result
Thanks
Muthu Kumar8y ago
Another one thing. If used ngModel you need to add name attribute.
"text" name="firstName" [(ngModel)]="firstName"/>
This is the common thing for using ngModel.
Mahesh Verma8y ago
Yes, Manav is absolutely right.