角度4.x - 'ngModel'は 'input'のプロパティが既知でないためバインドできません

Question

私のapp.moduleにFormsModuleとReactiveFormsModuleの両方をインポートしました.htmlはうまくいけば正しくあります。

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> 

私はNPMの実行テストを実行するとき、私はこのエラーを取得：ローカル、私は、NPM始動を行う場合には罰金実行されます。私は複数の[（ngModel）]を使用しています。これらはすべて同じ問題を抱えています。

どうすればこの問題を解決できますか？

Answer 1

私たちは同じ問題に直面していましたが、FormsModuleをインポートするだけでは機能しませんでした。 使ってエラーが出て、このタグ - それはログイン画面に私たちのために行ったよう[ngModelOptions]="{standalone: true}"

あなた.component.htmlに以下を追加するにはトリックを行うことができます -

例：

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