ionic框架中，想在顶部标题栏右侧增加图标按钮，怎么写

<ion-view>

<ion-nav-buttons side="left">

<button class="button" ng-click="doSomething()">

一个在导航栏左侧的按钮！

</button>

</ion-nav-buttons>

<ion-nav-buttons side="right">

<button class="button" ng-click="doSomething()">

一个在导航栏右侧的按钮！

</button>

</ion-nav-buttons>

</ion-view>

看API你就明白了

此类用于为一组按钮创建一个多斥（multiple-exclusion）作用域。使用相同的 ButtonGroup 对象创建一组按钮意味着“开启”其中一个按钮时，将关闭组中的其他所有按钮。

可将 ButtonGroup 用于任何从 AbstractButton 继承的对象组。通常，按钮组包含 JRadioButton、JRadioButtonMenuItem 或 JToggleButton 的实例。但将 JButton 或 JMenuItem 的实例放入按钮组中并没有什么意义，因为 JButton 和 JMenuItem 不实现选择状态。

最初，组中的所有按钮都未被选择。一旦选择了任何按钮，该按钮在组中将总是选择状态。无法以编程方式“关闭”一个按钮以清除按钮组。要显示“未选择”的按钮，则需要将一个不可见的单选钮添加到组中，然后以编程方式选择该按钮，以关闭所有已显示的单选钮。例如，可以激活带标签 "none" 的普通按钮来选择不可见的单选钮。

在代码中触发上拉菜单，需要在你的 angular 控制器中使用 $ionicActionSheet 服务：

angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {

$ionicPlatform.ready(function() {

// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard

// for form inputs)

if(window.cordova &&window.cordova.plugins.Keyboard) {

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true)

}

if(window.StatusBar) {

StatusBar.styleDefault()

}

})

})

.controller( 'actionsheetCtl',['$scope','$ionicActionSheet','$timeout' ,function($scope,$ionicActionSheet,$timeout){

$scope.show = function() {

var hideSheet = $ionicActionSheet.show({

buttons: [

{ text: '<b>Share</b>This' },

{ text: 'Move' }

],

destructiveText: 'Delete',

titleText: 'Modify your album',

cancelText: 'Cancel',

cancel: function() {

// add cancel code..

},

buttonClicked: function(index) {

return true

}

})

$timeout(function() {

hideSheet()

}, 2000)

}

}])

---