ionic开发——自定义弹出框

最新推荐文章于 2021-06-03 14:02:25 发布

Mickey_于浩

最新推荐文章于 2021-06-03 14:02:25 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： ionic开发文章标签： ionic 弹出框自定义弹出框 ionicPopup

本文链接：https://blog.youkuaiyun.com/yu17310133443/article/details/56666360

ionic开发专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何使用Ionic框架中的$ionicPopup服务创建带有标题和按钮的弹窗。通过简单的代码示例展示了如何定义弹窗的内容、样式及交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只要注入$ionicPopup,用下面的代码就可以了！

$ionicPopup.show({
    // cssClass:"",
    template: '标题与按钮直接可随意添加标签内内容',
    title: '标题',
    scope: $scope,
    buttons: [
      { text: "取消",
        onTap:function(e){
          $ionicLoading.hide();//关闭弹出框
        }
      },
      {
        text: '确认',
        onTap: function(e) {
          $ionicLoading.hide();
          
        }
      }
    ]
});