Question

我有一个离子选择，它在离子选项中具有1到10个值。

<ion-label> Select how many input fields</ion-label>
<ion-select> 
<ion-option value="0"> Zero</ion-option>
<ion-option value="1"> One</ion-option>
.
.
.
<ion-option value="10"> Ten</ion-option>
 </ion-select>

之后我有10个输入框要显示。

<ion-input formControlName="1_box"></ion-input>
..
.
.
.<ion-input formControlName="10_box"></ion-input>

如果ion-option == 0，我需要隐藏所有输入框，并根据n ion-select中选择的数量显示输入框。

如果离子选择4，则表示仅显示4个输入框。

由于

Answer 1

您可以创建一个像boxes = [];这样的输入数组并放置一个

<ion-select (cancel)="onCancel()" (change)="onChange()">
  <ion-option value="1">One</ion-option>
  <ion-option value="2">Two</ion-option>
  <ion-option value="3">Three</ion-option> 
</ion-select>

到ion-select。每次更改时，请检查值并增加或减少boxes[]数组的输入数量。

对于展示广告，您可以将其循环播放到table或div或ng-container。所以每次，你都会输入一个盒子的值。

<div *ngFor="let box in boxes"> <input [(ngModel)]="box" /> </div>

如何在离子选择中显示/隐藏多个离子输入的数值？

1 个答案: