Angular 2: 'ngFormModel' since it isn't a known native property

Question

My error is

 EXCEPTION: Error: Uncaught (in promise): Template parse errors:
Can\'t bind to \'ngFormModel\' since it isn\'t a kn         


        

Answer 1

Just import the following statement in ts,

import {FORM_DIRECTIVES, FormBuilder, Validators, REACTIVE_FORM_DIRECTIVES} from '@angular/forms';
directives: [CORE_DIRECTIVES, ROUTER_DIRECTIVES, FORM_DIRECTIVES, REACTIVE_FORM_DIRECTIVES],

Make the following changes in templates,

MY PROFILE

 

 

  
     
     firstname
     
   
       

      

       First name is required
  
  
 

lastname
  
   
  

     

         Last name is required
     
   
    

   Profilename
      
 
   

  Phone
     
   

  

     

        Phone number is required
     
  

 

Save

Finally do this in your bootstrapping,

import {provideForms, disableDeprecatedForms} from '@angular/forms';
bootstrap(MyDemoApp, [
provideForms(),
disableDeprecatedForms()]);