* ngIf in ion-option in ionic 2

Question

我在離子2中使用ion-select。以下是我的代碼：

 <ion-item> 
      <ion-label>System Size:</ion-label> 
      <ion-select [(ngModel)]="quoteDetailsUpdate.system_size" name="system"> 
       <ion-option value="1.5"> 1.5K </ion-option> 
       <ion-option value="2"> 2K </ion-option> 
       <ion-option value="3"> 3K </ion-option> 
      </ion-select> 
     </ion-item> 

我想如果系統大小在1.5和2之間，那麼它應該選擇值1.5K。如果這個值是1.75，那麼它應該得到選擇1.5K的選項。

Answer 1

此更改是否應該隻影響視圖？如果是這樣的話，你可以這樣使用不同屬性從組件：

public auxSystemSize: number; 

... 

constructor(...) { 
    if(this.quoteDetailsUpdate.system_size > 1.5 && quoteDetailsUpdate.system_size < 2) { 
     this.auxSystemSize = 1.5; 
    } else { 
     this.auxSystemSize = this.quoteDetailsUpdate.system_size; 
    } 
} 

，然後使用auxSystemSize視圖

<ion-item> 
    <ion-label>System Size:</ion-label> 
    <ion-select [(ngModel)]="auxSystemSize" name="system"> 
     <ion-option value="1.5"> 1.5K </ion-option> 
     <ion-option value="2"> 2K </ion-option> 
     <ion-option value="3"> 3K </ion-option> 
    </ion-select> 
</ion-item> 

這樣的quoteDetailsUpdate.system_size屬性將保留其原始值。請注意，提交表單時，您需要將auxSystemSize的值重新分配給模型（如果需要）。