Ionic provides a service named Action Sheet. It will add slide up pane on the bottom of the screen that contains different options.
Using Action Sheet:
If you want to use ionic sheet into your application, then in your controller you have to inject $ionicActionSheet service as a dependency. next, you have to create $scope.showActionSheet() function in your js file and then you will create a button in your HTML template that will call the function that you have created.
<button class = "button">Action Sheet Button</button>
When you click on the Action Sheet Button, it will call the function $ionicActionSheet.show and show action sheet. you can add the functionality of edit buttons inside buttonClicked and for delete button destructiveButtonClicked can be used.
$ionicActionSheet.show() method has different parameters:
buttons: It creates button object with some text field inside. titleText: It shows the title of action sheet. cancelText: It is the text for cancel button. destructiveText: It is text for delete button. cancel: It is function that is called for cancel button, backdrop or back button. buttonClicked: It is function called when one of edit buttons is pressed. Index keeps track of which button is tapped. Return true will close the action sheet. destructiveButtonClicked: It is function called when delete button is pressed. Return true will close the action sheet. cancelOnStateChange: It is boolean value by default is true. If it is true (default) it will cancel the action sheet when navigating.