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

Question

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

check this: https://stackoverflow.com/a/40315703/3843967. As I understand, you should bind formssdata with index not directly with item. Hope this helps. — Berk Akkerman, Jun 27 '18 at 11:25
As based from above link , what the syntax ? [(ngModel)]="formsdata[index]" or [(ngModel)]="toDos[index].key" ......my key is a string — Arjun Ramdas, Jun 27 '18 at 15:29

score 0 · Answer 1 · answered Nov 23 '18 at 14:34

0

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>

answered Nov 23 '18 at 14:34

Wayne F. Kaskie

3,257
5
33
43

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

1 Answers1