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>一起使用：

parseInt()

全部三个演示：http://plnkr.co/edit/dwbttQZTh9JGwKcvFtTX?p=preview

最简单的方法是在将\S*发送到后端之前使用*。

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>

Answer 3

此信息可能对某人有所帮助：

如果您正在使用项目中的选择，则需要在离子选择中设置formControlName，而不是在离子项目中。

如果在ion-item中设置了formControlName，则ion-select似乎不会刷新值。 ion-datetime也是如此。

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

3 个答案: