本文整理汇总了TypeScript中ionic-angular.ActionSheet类的典型用法代码示例。如果您正苦于以下问题:TypeScript ActionSheet类的具体用法?TypeScript ActionSheet怎么用?TypeScript ActionSheet使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了ActionSheet类的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1: share
share(concert) {
let actionSheet: ActionSheet = this.actionSheetCtrl.create({
title: 'Share via',
buttons: [
{
text: 'Twitter',
handler: () => console.log('share via twitter')
},
{
text: 'Facebook',
handler: () => console.log('share via facebook')
},
{
text: 'Email',
handler: () => console.log('share via email')
},
{
text: 'Cancel',
role: 'cancel',
handler: () => console.log('cancel share')
}
]
});
actionSheet.present();
}
开发者ID:cybriz,项目名称:ionic-projects,代码行数:26,代码来源:favourite-detail.ts
示例2: openAS
openAS() {
let actionSheet = ActionSheet.create({
title: 'Goals',
cssClass: 'action-sheets-goals-page',
buttons: [
{
text: 'Delete',
role: 'destructive',
handler: () => {
console.log('Delete clicked');
}
}, {
text: 'Add',
handler: () => {
console.log('Archive clicked');
this.openPage(AddGoalsPage);
}
}, {
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
this.nav.present(actionSheet);
}
开发者ID:chrishan8,项目名称:cashflow-ionic,代码行数:28,代码来源:goals-page.ts
示例3: openAppSettings
openAppSettings(app) {
let actionSheet = ActionSheet.create({
title: 'Share ' + app.name,
buttons: [
{
text: 'Copy Link',
handler: () => {
console.log("Copy link clicked on https://twitter.com/" + app.twitter);
if (window['cordova'] && window['cordova'].plugins.clipboard) {
window['cordova'].plugins.clipboard.copy("https://twitter.com/" + app.twitter);
}
}
},
{
text: 'Share via ...',
handler: () => {
console.log("Share via clicked");
}
},
{
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log("Cancel clicked");
}
}
]
});
this.nav.present(actionSheet);
}
开发者ID:lpikora,项目名称:ionic-debug-console-backend-ui,代码行数:31,代码来源:apps-list.ts
示例4: openMenu
openMenu() {
this.actionSheet = ActionSheet.create({
title: 'Activity',
buttons: [
{
text: 'Delete',
role: 'destructive',
icon: 'trash',
handler: () => {
this._activityProvider.removeActivity(
this.activity,
this.expandedActivities[this.expandedActivities.length - 1]
);
}
},
{
text: 'Cancel',
role: 'cancel',
icon: null,
handler: () => {
this.actionSheet && this.actionSheet.dismiss();
}
}
]
});
this.nav.present(this.actionSheet);
}
开发者ID:CompassSoftware,项目名称:xpsp,代码行数:27,代码来源:activity-detail.cmp.ts
示例5: presentActionSheet
presentActionSheet() {
let actionSheet = ActionSheet.create({
buttons: [
{
text: 'Choose Photo',
handler: () => {
this.getPicture(0); // 1 == Library
}
},
{
text: 'Take Photo',
handler: () => {
this.getPicture(1); // 1 == Camera
}
},
{
text: 'Demo Photo',
handler: () => {
this.srcImage = 'demo.png';
}
},
{
text: 'Cancel',
role: 'cancel'
}
]
});
this.nav.present(actionSheet);
}
开发者ID:Dakuan,项目名称:ionic-ocr-example,代码行数:29,代码来源:home.ts
示例6: openMenu
openMenu() {
let actionSheet = ActionSheet.create({
title: 'Albums',
cssClass: 'action-sheets-basic-page',
buttons: [
{
text: 'Tulis Artikel',
role: 'destructive',
icon: !this.platform.is('ios') ? 'book' : null,
handler: () => {
console.log('Delete clicked');
this.nav.push(TulisArtikelPage);
}
},
{
text: 'Tanya / Diskusi',
icon: !this.platform.is('ios') ? 'people' : null,
handler: () => {
console.log('Share clicked');
this.nav.push(TulisDiskusiPage);
}
},
{
text: 'Batal',
role: 'cancel', // will always sort to be on the bottom
icon: !this.platform.is('ios') ? 'close' : null,
handler: () => {
console.log('Cancel clicked');
}
}
]
});
this.nav.present(actionSheet);
}
开发者ID:ivanmaulana,项目名称:mcybex2,代码行数:35,代码来源:about.ts
示例7: openFilters
openFilters(){
let sheet = ActionSheet.create({
title: 'Filter by ...',
buttons: [
{
text: 'Movies only',
handler: () => {
this.results = this._unfilteredResults.filter( (item) => item.kind === 'feature-movie' )
this.usesFilter = true
}
},
{
text: 'Songs only',
handler: () => {
this.results = this._unfilteredResults.filter( (item) => item.kind === 'song' )
this.usesFilter = true
}
},
{
text: 'Clear',
style: 'destructive',
handler: () => {
this.results = this._unfilteredResults
this.usesFilter = false
}
},
{
text: 'Canel',
style: 'cancel'
}
]
})
this.nav.present(sheet)
}
开发者ID:igzjuanrafaelperez,项目名称:iTunesBrowser,代码行数:34,代码来源:search.ts
示例8: openMenu
openMenu() {
let actionSheet = ActionSheet.create({
title: 'Albums',
cssClass: 'action-sheets-basic-page',
buttons: [
{
text: 'Options',
icon: !this.platform.is('ios') ? 'share' : null,
handler: () => {
}
},
{
text: 'Color',
icon: !this.platform.is('ios') ? 'arrow-dropright-circle' : null,
handler: () => {
}
},
{
text: 'Cancel',
role: 'cancel', // will always sort to be on the bottom
icon: !this.platform.is('ios') ? 'close' : null,
handler: () => {
}
}
]
});
this.navCtrl.present(actionSheet);
}
开发者ID:aymenlaadhari,项目名称:GerTunMobPactIonic,代码行数:32,代码来源:produkteListe.ts
示例9: openMenu
openMenu(course) {
let actionSheet = ActionSheet.create({
title: 'Options',
cssClass: 'action-sheets-basic-page',
buttons: [
{
text: 'Enroll',
icon: !this.platform.is('ios') ? 'add' : null,
handler: () => {
this.enrollCourse(course);
}
},
{
text: 'View',
icon: !this.platform.is('ios') ? 'eye' : null,
handler: () => {
this.viewCourse(course);
}
},
{
text: 'Cancel',
role: 'cancel', // will always sort to be on the bottom
icon: !this.platform.is('ios') ? 'close' : null,
handler: () => {
}
}
]
});
this.nav.present(actionSheet);
}
开发者ID:sindhuh,项目名称:Coyotendance,代码行数:30,代码来源:available-courses.ts
示例10: showOptions
showOptions(){
let action = ActionSheet.create({
title: 'Options post',
buttons: [
{
text: 'Destructive',
role: 'destructive',
handler: () => {
console.log('Destructive clicked');
}
},
{
text: 'Archive',
handler: () => {
console.log('Archive clicked');
}
},
{
text: 'Cancel',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
this.navCtrl.present( action );
}
开发者ID:EscuelaIt,项目名称:class-10-demo,代码行数:28,代码来源:timeline.ts
注:本文中的ionic-angular.ActionSheet类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。 |
请发表评论