• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript ionic-angular.ActionSheet类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了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;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript ionic-angular.ActionSheetController类代码示例发布时间:2022-05-25
下一篇:
TypeScript ionic-angular.ionicProviders函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap