離子複選框人選擇值

Question

這裏是我的模板

<ion-list > 
      <ion-item> 
       <ion-label>This month</ion-label> 
       <ion-checkbox checked=true></ion-checkbox> 
     </ion-item> 
     <ion-item> 
       <ion-label>Previous month</ion-label> 
       <ion-checkbox></ion-checkbox> 
     </ion-item> 
     <ion-item> 
       <ion-label>last 3 month</ion-label> 
       <ion-checkbox></ion-checkbox> 
     </ion-item> 
      <ion-item> 
       <ion-label>This Year</ion-label> 
       <ion-checkbox></ion-checkbox> 
     </ion-item> 
      <ion-item> 
       <ion-label>Previous Year</ion-label> 
       <ion-checkbox></ion-checkbox> 
     </ion-item> 
     <ion-item> 
       <ion-label>All Time</ion-label> 
       <ion-checkbox></ion-checkbox> 
     </ion-item> 
     </ion-list> 

我選擇的任何值ex This.month並同時選擇上month.and還檢查了2 values.I需要只檢查前一個月。

我該怎麼做。

u能幫助我...

感謝&問候。

Answer 1

您可以使用複選框警報將多選的結果保存到變量中。

在你的HTML有一個按鈕調用你的函數

<button ion-button block (click)="selection()">Filter</button> 

在你.TS處理警報呈現和數據。

import { AlertController } from 'ionic-angular'; 

constructor(public alerts: AlertController){} 

selection() { 
    let a = this.alerts.create({ 
     title: 'My select', 
     inputs: [ 
      { type: 'radio', label: 'This Month', value: 'This Month' }, 
      { type: 'radio', label: 'Previous Month', value: 'Previous Month' }, 
      { type: 'radio', label: 'Last 3 Months', value: 'Last 3 Months' }, 
      { type: 'radio', label: 'This Year', value: 'This Year' }, 
      { type: 'radio', label: 'Previous Year', value: 'Previous Year' }, 
      { type: 'radio', label: 'All Time', value: 'All Time' }, 
     ], 
     buttons: [ 
      { 
       text: 'Cancel', role: 'cancel' 
      }, 
      { 
       text: 'Ok', 
       handler: data => { 
        // DATA IS AN STRING ONLY, IF YOU SELECT 'ALL TIME' THEN DATA WILL BE 'ALL TIME' 
       } 
      }] 
    }) 

    a.present(); 
} 

如果需要此屏幕上沒有戒備的形式，檢查的官方文檔的radio buttons。

希望這會有幫助