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