angulartypescriptangular2-ngmodel

ngModel leaves blank screen when called

I'm trying to learn the basics of Angular2, so I was trying to make some tests. I've already downloaded typescript and angular/cli.

I can use iterpolation, property binding, etc. but when I try to use a two-way data-binding like that(in app.component.html for tests):

<input type="text" [(ngModel)]="test.description">

and the ng server refreshes, all the things that I've done disappear and all I see is a blank screen.

I ask that the answers be simple, because I'm a begginner in using angular.

EDIT: Even after updating app.modules.ts, my console keep displaying the following error:

Uncaught Error: Template parse errors:
Can't bind to 'NgModel' since it isn't a known property of 'input'. ("
</p>

<input type="text" [ERROR ->][(NgModel)]="test.description" >`
Solution

  • You must be getting an error on console, to use ngModel, Add this to your Module,

    import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
imports: [
         FormsModule      
]

    Use the correct syntax ngModel 

    <input type="text" name="name" [(ngModel)]="test.description">