如何使用表格组将离子选择值设置为具有反应形式的数字？

Question

<ion-select formControlName="FollowUpType"
          (ngModelChange)="reset()">
          <ion-option value="0">
            A
          </ion-option>
          <ion-option value="1">
           B
          </ion-option>
  </ion-select>

当我把它的值设为数字而不是字符串(0数字,或1数字)而不是"0"而不是"1"时,我需要这个选择.我正在使用反应形式:

 this.Form = this.formBuilder.group({
      FollowUpType: [''],
   });

Answer 1

我在这里看到的是几个选项,它们都需要工作,其他用于造型,其他用于额外的变量.因此,parseInt()在将数据传递到后端之前,最好先行.

选择一个是只使用select代替ion-select,与,ngValue的作品,它可以捕获的数量.但这要求选择样式看起来像离子选择.

选项二将是有两个变量并[value]在select中使用而不是select.

最后的选择是使用数组

values = [{value:0, label:'A'},{value:1, label: 'B'}]

迭代它并与它一起使用[value]:

<ion-select formControlName="FollowUpType" (ionChange)="reset()">
   <ion-option *ngFor="let val of values" [value]="val.value">
     {{val.label}}
   </ion-option>
</ion-select>

所有三个演示:http://plnkr.co/edit/dwbttQZTh9JGwccvFtTX？p = preview

也许最简单的方法是在parseInt()将值发送到后端之前先使用该值.

Answer 2

你应该绑定为[value]而不是value

<ion-select formControlName="FollowUpType" (ngModelChange)="reset()">
    <ion-option [value]="0">A</ion-option>
    <ion-option [value]="1">B</ion-option>
</ion-select>