Binding [(ng-Model)] value from a JSON

503 views Asked by At

I'm creating a dynamic form according to input type from a JSON , but i can't bind value of ng-Model from 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>

the binding "name" on input field is successful but binding {{item.key}} on Ng-model got error

1

There are 1 answers

0
Wayne Kaskie On

when using banana brackets, [()] like with ngModel, you don't need curly braces. try this:

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