ค้นหาเว็บไซต์

typescript - การผูกค่าของ [(ng-Model)] จาก JSON


ฉันกำลังสร้างฟอร์มไดนามิกตามประเภทอินพุตจาก 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>

การเชื่อมโยง "name" บนช่องป้อนข้อมูลสำเร็จ แต่การเชื่อมโยง {{item.key}} บน Ng-model เกิดข้อผิดพลาด

คำตอบ #1

เมื่อใช้วงเล็บกล้วย [()] เช่นกับ ngModel คุณไม่จำเป็นต้องใช้วงเล็บปีกกา ลองแบบนี้:

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