typescript - Binda [(ng-Model)] värde från en JSON


Jag skapar ett dynamiskt formulär enligt inmatningstyp från en JSON, men jag kan inte binda värdet av ng-Model från en loop

<form #myForm='ngForm' (ngSubmit)="onSubmit(myForm)">

   <ng-template ngFor let-item [ngForOf]="formssdata">

     <ion-item *ngIf='item.inputType == "text"'>
          <ion-label  floating>{{item.label}}</ion-label>   
<ion-input type="text" required  [(ngModel)]= "{{item.key}}" name="{{item.key}}"></ion-input>    
      </ion-item>

</ng-template>

</form>

bindningen "name" på inmatningsfältet är lyckad men bindningen {{item.key}} på Ng-model fick ett fel

Svar #1

när du använder bananparenteser, [()] som med ngModel, behöver du inte måsvingar. prova detta:

<ion-input type="text" required  [(ngModel)]= "item.key" name="{{item.key}}"></ion-input>