angular - ngModel på nummerinmatning

Jag skulle vilja binda inmatningen av ett nummerfält till en variabel i min TypeScript-fil. Jag tänkte att ngModel skulle vara lämpligt och gjorde en input: <input [{ngModel}]="tRating" type="number" min="1" max="10"> tRating är av typen number i .ts-filen. Tyvärr får jag ett fel :

Can't bind to '{ngModel}' since it isn't a known property of 'input'. ("   
        <input [ERROR ->][{ngModel}]="pRating" type="number" min="1" max="10">

Svar #1

Du behöver importera FormsModule i din app.module.ts

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

@NgModule({
    imports: [
         FormsModule      
    ],

och syntaxen ska vara [(ngModel)], inte [{ngModel}]

<input [(ngModel)]="tRating" type="number" min="1" max="10">

Svar #2

om du använder ngForm,

<form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
  <input name="tRating" ngModel required #tRating="ngModel">
....

Relaterade artiklar