热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

angular——更多按钮的上拉菜单(路由跳转)

<buttonng-clickaction.toMoreOptions()><ic

    <section class="bar bar-footer lists_in_4_row">
            <button  class="btn gray_text_btn list_item" ng-click="action.toShare()"><i class="icon ion-share">i>button>
            <button  class="btn gray_text_btn collect_btn animated_btn list_item" ng-click="collected = !collected" ng-class="{'active':collected}">
                <i class='icon' ng-class=" collected ? 'ion-ios-star' : 'ion-ios-star-outline' ">i>68
            button>
            <button  class="btn gray_text_btn  comment_btn list_item" ng-click=""  ng-class="{'active':commented}" >
                <i class="icon" ng-class="commented ?  'ion-ios-chatboxes': 'ion-ios-chatboxes-outline'">i>68
            button>
            <button  class="btn gray_text_btn list_item" ng-click="action.toMoreOptions()">
                <i class="icon ion-navicon">i>
            button>
    section>
// 「更多」action sheet
            $scope.action.toMoreOptiOns= function(){
                    var hideSheet = $ionicActionSheet.show({
                            buttons: [
                                    { text: '新建模型' },
                                    { text: '关注大V' },
                                    { text: '推荐更多大V' },
                                    { text: '我要爆料' },
                                    { text: '举报' },
                                    { text: '纠错' }
                            ],
                            cssClass: 'list_action_sheet',
                            cancelText: '取消',
                            buttonClicked: function(index) {
                                    switch (index){
                                            case 0 :
                                                    $scope.action.toPage('tab.home-create-a-model');
                                                    return true;
                                            case 1 :
                                                    $scope.action.followVip();
                                                    return true;
                                            case 2:
                                                    $scope.action.toPage('tab.home-recommend-a-bigV');
                                                    return true;
                                            case 3:
                                                    $scope.action.toPage('tab.home-recommend-a-article');
                                                    return true;
                                            case 4:
                                                    $scope.action.toPage('tab.home-report-illegal');
                                                    return true;
                                            case 5:
                                                    $scope.action.toPage('tab.my-feedback');
                                                    return true;
                                    }
                            }
                    });
            };

 


推荐阅读
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • vue使用
    关键词: ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
  • 拥抱Android Design Support Library新变化(导航视图、悬浮ActionBar)
    转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 本文介绍了一种解析GRE报文长度的方法,通过分析GRE报文头中的标志位来计算报文长度。具体实现步骤包括获取GRE报文头指针、提取标志位、计算报文长度等。该方法可以帮助用户准确地获取GRE报文的长度信息。 ... [详细]
author-avatar
无视一个水阿哥_470
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有