Angular 有人选择值吗
这是我的模板Angular 有人选择值吗,angular,ionic2,Angular,Ionic2,这是我的模板 <ion-list > <ion-item> <ion-label>This month</ion-label> <ion-checkbox checked=true></ion-checkbox> </ion-item> <ion-item>
<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>
这个月
上月
最近3个月
今年
上一年
一直
我选择了本月以外的任何值,同时选择了上个月。还检查了两个值。我只需要检查上个月
我怎样才能做到这一点
你能帮我
感谢和问候。您可以使用复选框警报,将多项选择的结果保存到变量中 在html中有一个调用函数的按钮
<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();
}