"exportAs"が "ngModel"に設定されたディレクティブはありません

Question

私はアプリケーションで角度2のフォームを使用しています。私はモデルに基づいて入力を作成しました。私は入力フィールドをngmodelにバインドしましたが、今はこの入力フィールドで汚れチェックを行いたいと思います。だから私は＃変数で入力を追加しました。ここに私のコードは次のとおりです。 -

<input type="text" [ngClass]="{red: sampledetails.rules[0].query3.dirty}" class="form-control" name="query3" id="query3" [(ngModel)]="sampledetails.rules[0].query3" #query3="ngModel"> 

しかし、私はのようなエラーなものになっています： - 誰もがここで私を助けることができる

There is no directive with "exportAs" set to "ngModel" ("="form-control" name="query3" id="query3" [(ngModel)]="sampledetails.rules[0].query3" [ERROR ->]#query3="ngModel"> 

を...

Answer 1

あなたが角度のため#query3="ngModel"を使用する必要がいけません。 JS 2、 ので（このWに

<input type="text" [ngClass]="{red: sampledetails.rules[0].query3.dirty}" 
    class="form-control" name="query3" id="query3" 
    [(ngModel)]="sampledetails.rules[0].query3" #query3="ngModel"> 

から を変更します悪い仕事）

<input type="text" [ngClass]="{red: sampledetails.rules[0].query3.dirty}" 
    class="form-control" name="query3" id="query3" 
    [(ngModel)]="sampledetails.rules[0].query3" >