热门标签 | 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;
                                    }
                            }
                    });
            };

 


推荐阅读
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社区 版权所有