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

Posted 2023-03-13

【中文标题】从 JSON 绑定 [(ng-Model)] 值

【英文标题】：Binding [(ng-Model)] value from a JSON

【发布时间】：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 出错

【问题讨论】：

检查这个：***.com/a/40315703/3843967。据我了解，您应该将表单数据与索引绑定，而不是直接与项目绑定。希望这会有所帮助。

基于上面的链接，语法是什么？ [(ngModel)]="formsdata[index]" or [(ngModel)]="toDos[index].key" ......我的key是一个字符串

索引也可以是字符串。

【参考方案1】：

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

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