$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;}});};})