$ionicActionSheet的学习

来源：互联网发布：东莞网络优化推广公司编辑：程序博客网时间：2024/05/29 15:04

这是效果图，点击右上角的navicon，就会出现右边的效果图

$ionicActionSheet我主要是通过ng-click="show()"

.html文件

<ion-view view-title="新朋友">    <ion-nav-bar class="bar-calm">        <ion-nav-buttons side="left">            <button class="button button-clear icon ion-chevron-left" ng-click="back()">消息</button>        </ion-nav-buttons>        <ion-nav-buttons side="right">            <button class="button button-clear icon ion-navicon-round" ng-click="show()"></button>        </ion-nav-buttons>    </ion-nav-bar>    <ion-content>        <div class="item item-avatar">            <img src="./img/ionic.png">            <h2><b>淘气的宝宝</b></h2>            <span class="nfriend-s">               <p>已同意</p>            </span>            <h2>猜猜我是谁</h2>            <p>来源:QQ号搜索</p>        </div>    </ion-content></ion-view>

.js文件

.controller('NewfriendCtrl',function($scope,$ionicActionSheet){       $scope.show = function() {        var hideSheet = $ionicActionSheet.show({            destructiveText: '清空好友申请',            cancelText: '取消',            cancel: function() {            },            buttonClicked: function(index) {                return true;            }        });    };})

0 0