$ionicActionSheet的学习

这是效果图，点击右上角的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;
            }
        });
    };
})