Programming Steps: 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

Programming Steps

Friday, June 2, 2017

212 Ionic-v1 ActionSheet: Nightly

No comments:

Post a Comment