angular2 testing: Can't bind to 'ngModel' since it isn't a known property of 'input'
You need to import the FormsModule
into the TestBed
configfuration.
import { FormsModule } from '@angular/forms';TestBed.configureTestingModule({ imports: [ FormsModule ], declarations: [ AppComponent ], providers:[AppService]});
What you are doing with the TestBed
is configuring a NgModule from scratch for the test environment. This allows you to only add what is needed for the test without having unnecessary outside variables that may affect the test.
I had the same issue, even after importing forms module this was not solved. So I had to use alternative to ngModel for text field. Please check this link:
In summary i had used [value] to bind the model for the text field like this.
([value])="searchTextValue"
Also,if you are using date field you need to bind the model in ts. in the html, call the method
(dateSelect)="onDateSelect($event)"
In the type script, use the following code.This is applicable only if you are using Ngbdate picker.
onDateSelect(event) { let year = event.year; let month = event.month <= 9 ? '0' + event.month : event.month;; let day = event.day <= 9 ? '0' + event.day : event.day;; let finalDate = year + "-" + month + "-" + day; this.finalDateVlaue = finalDate;}