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

Question

I am getting this error from Angular 2

core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_cu

Answer 1

It's quite easy for a fix.

For me, we had more than one inputs in the form. We need to isolate the input / line causing error and simply add the name attribute. That fixed the issue for me:

Before:

---

---

          {{option}
      
    

    
      Enter number

---

---

---

    Check! 

---

After: i just added the name attribute for select and checkbox and that fixed the issue. As follows:

 

  

Check! 

As you see added the name attribute. It is not necessary to be given same as your ngModel name. Just providing the name attribute will fix the issue.