Programming Steps: 212 Ionic-v1 ActionSheet: Nightly

Friday, June 2, 2017

212 Ionic-v1 ActionSheet: Nightly

ActionSheet: Nightly
code example:

<html ng-app="ionicApp">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    
    <title>Ionic Actionsheet</title>

.controller('AppCtrl', function($scope, $ionicActionSheet) {
  
  $scope.showActionsheet = function() {
    
    $ionicActionSheet.show({
      titleText: 'ActionSheet Example',
      buttons: [
        { text: '<i class="icon ion-share"></i> Share' },
        { text: '<i class="icon ion-arrow-move"></i> Move' },
      ],
      destructiveText: 'Delete',
      cancelText: 'Cancel',
      cancel: function() {
        console.log('CANCELLED');
      },
      buttonClicked: function(index) {
        console.log('BUTTON CLICKED', index);
        return true;
      },
      destructiveButtonClicked: function() {
        console.log('DESTRUCT');
        return true;
      }
    });
  };

});  
    </script>
  </body>
</html>

https://codepen.io/ionic/pens/public/

201706,20170602

1 comment:

Dawid123August 29, 2025 at 9:26 PM
This is an excellent breakdown of Ionic-v1 ActionSheet: Nightly! The features and improvements shared here are very insightful. Companies wanting to create smooth and scalable mobile apps should definitely Hire Ionic Developers to get the best results.
ReplyDelete
Replies

Add comment

Programming Steps

Learn the powerful enterprise adaptable database:

Getting Started With ADABAS & Natural

Friday, June 2, 2017

212 Ionic-v1 ActionSheet: Nightly

1 comment: