Angular 4.x - Kann nicht binden ‚ngModel‘, da es nicht eine bekannte Eigenschaft von ‚Input‘ ist

Question

ich beide FormsModule importiert haben, und ReactiveFormsModule in meinem app.module sollte html richtig hoffentlich sein,

error

import

**Inside app.module:** 
@NgModule( 
declarations: [ 
AppComponent, 
], 
imports: [ 
BrowserModule, 
FormsModule, 
HttpModule, 
ReactiveFormsModule, 
RouterModule.forRoot(ROUTES, { useHash: true }) 
], 
}) 



**My HTML:** 
<div class="col-xs-12"> 
<input #searchTextBox type="text" class="validate filter-input" [(ngModel)]="query" (keyup)="onKeyup(searchTextBox.value)"> 
    <div class="suggestions" *ngIf="filteredList.length > 0"> 
    <ul *ngFor="let item of filteredList"> 
     <li> 
     <a (click)="select(item)">{{item}}</a> 
     </li> 
    </ul> 
    </div> 

ich erhalte diese Störung, wenn ich npm Lauf Testlauf: lokal, aber es läuft gut, wenn ich npm Start tun. Ich benutze mehrere [(ngModel)] und sie haben alle das gleiche Problem, ich benutze nur dieses zum Beispiel.

Wie kann ich das beheben?

Answer 1

Wir hatten das gleiche Problem und nur das Importieren des FormsModule funktionierte nicht. Verwenden Sie diesen Tag, wo es Fehler aus - [ngModelOptions]="{standalone: true}"

folgendes zu Ihrem .component.html Hinzufügen des Trick tun können, wie es für uns auf Login-Bildschirm tut -

Beispiel:

<input [(ngModel)]='this.userId' [ngModelOptions]="{standalone: true}" placeholder="User Id" class="inputstyle">