通过Ionic 3中的action sheet传递值可以通过以下步骤实现:
import { Component } from '@angular/core';
import { ActionSheetController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public actionSheetCtrl: ActionSheetController) { }
presentActionSheet() {
let actionSheet = this.actionSheetCtrl.create({
title: 'Action Sheet',
buttons: [
{
text: 'Option 1',
handler: () => {
this.passValue('Value 1');
}
},
{
text: 'Option 2',
handler: () => {
this.passValue('Value 2');
}
},
{
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
actionSheet.present();
}
passValue(value: string) {
// 在这里你可以处理传递的值
console.log('Passed value:', value);
}
}
presentActionSheet
的方法,它将在点击一个按钮或选项时显示action sheet。在每个按钮的handler
中,我们调用passValue
方法并传递一个值。passValue
方法是自定义的方法,你可以在其中处理传递的值。例如,你可以将其存储到变量中、进行后续的逻辑操作等。通过以上步骤,你可以通过Ionic 3中的action sheet传递值。
领取专属 10元无门槛券
手把手带您无忧上云