Значение ионного прохода от иона и даты и времени иона рассчитать

Question

Интерфейс для моего индексатора

вот интерфейс для моего проекта

Привет всем, я хотел бы спросить, возможно ли для меня передать значение на основеместо и год? Это мой первый проект в ionic, который представляет собой простой калькулятор, но сумма для расчета зависит от местоположения и года.

Для примера я поставил ставку 10, а затем в предыдущем индексе я выбрал местоположение Великобритания, ставка будет разделена на 2, затем я положу 2011 год, он снова будет разделен на 2.

После этого для нового индекса я повторю ввод, но теперь он будет умножаться в зависимости от выбранного местоположения. и год.

вот мой .html мой рейтинг, местоположение и год. я также включил кнопку, которая покажет общую сумму в заполнителе ионного ввода.

Я понятия не имею, что кодировать в моем .ts

 <ion-list>


<ion-item> 
  <ion-label stacked>Rate</ion-label>
<ion-input type="text" text-right id="input" ></ion-input>
</ion-item>  

 <br>
 <br>
  <ion-list-header>Previous Index</ion-list-header>

 <ion-list>
  <ion-item>
   <ion-label>Location</ion-label>
  <ion-select value="50" okText="Okay" cancelText="Dismiss">
  <ion-select-option value="50">UK</ion-select-option>
  <ion-select-option value="70">US</ion-select-option>
  <ion-select-option value="30">Canada</ion-select-option>

   </ion-select>
 </ion-item>

</ion-list>
  <ion-item>
    <ion-label>Year</ion-label>
     <ion-datetime [pickerOptions]="customPickerOptions" placeholder="Select One" 
   displayFormat="YYYY" min="2011" max="2019"></ion-datetime>
    </ion-item>

 <ion-button type ="submit">Total</ion-button>


  <div class="window"></div>
  <div class="input"><span>
      <ion-input type="text" placeholder="0" name="display">
      </ion-input>

Answer 1

Ваш HTML должен выглядеть так:

 <ion-item>
    <ion-label>Location</ion-label>
    <ion-select (change)="onSelectionChanges($event)" [(ngModel)]="currentSelection" okText="Okay" cancelText="Dismiss">
          <ion-select-option selected="true" value="50">UK</ion-select-option>
          <ion-select-option value="70">US</ion-select-option>
          <ion-select-option value="30">Canada</ion-select-option>
    </ion-select>
 </ion-item>

И вы можете связать какое-то событие onChange с ion-select. и вызвать некоторый метод, например: onSelectionChanges ()

export class Example{
    currentSelection = '50';

    onSelectionChanges(event: any) {
        // Your logic to apply when selection happens, goes here
        //You can also get the value in the variable currentSelection
        console.log(this.currentSelection);
        //another way is to access the changed value from event
        console.log(event.target.value);
    }
}