イオン性のチェックボックスを選択し、誰値

Question

は、ここで私は2 values.Iだけ前の月に確認してください必要もチェック前month.andを選択し、任意の値を元This.monthと同じ時間を選択し、私のテンプレート

<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> 

です。

どうすればいいですか？

uは

おかげ&よろしく...私を助けることができます。

Answer 1

複数の選択結果を変数に保存するチェックボックスアラートを使用できます。あなたのHTML内

は、警告提示し、データを扱うあなた.TSで

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

あなたの関数を呼び出すボタンがあります。

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のための公式ドキュメントを確認してください。

希望すると便利です。