Zoeken op website

typescript - Binding [(ng-Model)] waarde van een JSON


Ik maak een dynamisch formulier op basis van het type invoer uit een JSON, maar ik kan de waarde van ng-Model niet binden vanuit een lus

<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>

de binding "name" op het invoerveld is succesvol maar de binding {{item.key}} op Ng-model heeft een fout gekregen

Antwoord #1

bij het gebruik van bananahaken, [()] zoals met ngModel, heb je geen accolades nodig. probeer dit:

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