从 JSON 绑定 [(ng-Model)] 值答案

【问题标题】：Binding [(ng-Model)] value from a JSON从 JSON 绑定 [(ng-Model)] 值
【发布时间】：2018-12-06 01:57:17
【问题描述】：

我正在根据来自 JSON 的输入类型创建一个动态表单，但我无法从循环中绑定 ng-Model 的值

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

输入字段上的绑定“名称”成功，但在 Ng-model 上绑定 {{item.key}} 出错

【问题讨论】：

检查这个：stackoverflow.com/a/40315703/3843967。据我了解，您应该将表单数据与索引绑定，而不是直接与项目绑定。希望这会有所帮助。
基于上面的链接，语法是什么？ [(ngModel)]="formsdata[index]" or [(ngModel)]="toDos[index].key" ......我的key是一个字符串
索引也可以是字符串。

标签： typescript ionic-framework ionic2 angular2-forms

【解决方案1】：

当使用香蕉括号时，[()] 和 ngModel 一样，你不需要花括号。试试这个：

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

【讨论】：