* ion-option in ionic 2

Question

ionic2에 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; 
    } 
} 

를 다음보기

<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 것을 사용 : 그런 경우에는, 당신은 다음과 같이 구성 요소에서 다른 속성을 사용할 수 있습니다. 양식을 제출할 때 auxSystemSize 값을 다시 모델에 할당해야합니다 (필요한 경우).