Wie Ionic Popup zu verwenden?

Question

Ich habe einen Knopf.

 <button type="button" class="button button-calm list-inset" 
     ng-click="disable()"> 
      Delete 
     </button> 

Wenn ich auf diese Schaltfläche klicke, muss ich ein Popup mit 2 Schaltfläche anzeigen. Abbrechen und Deaktivieren. Wenn ich auf Deaktivieren klicke, sollte das Popup ausgeblendet werden und die erste Schaltfläche sollte deaktiviert sein. Wie geht das? Ich muss nur die erste Schaltfläche mit einer Bestätigungsmeldung deaktivieren, die von einem ionischen Popup bereitgestellt wird.

Answer 1

Sie können dies in Ihrem HTML tun:

<button class="button button-dark button-block" ng-click="disable()" ng-disabled="ko == true"> 
     Delete 
     </button> 

und in Ihrem Controller setzen Sie die Variable wie folgt auf: $scope.ko = false; und Ihre Funktion in Ihrem Controller die Taste zu deaktivieren, so sein sollte:

var popup = $ionicPopup.show({ 
       title: 'disable', 
       scope: $scope, 
       buttons: [ 
       { 
        text: 'Cancel', 
        type: 'button-default', 
        onTap: function (e) { 
        return null; 
        } 
       }, 
       { 
        text: 'OK', 
        type: 'button-dark', 

    onTap: function (e) { 
       return true; 
       } 
      } 
      ] 
     }); 

     popup.then(function (popRes) { 
      if(popRes){ 
       $scope.ko = true; 
       console.log("disable"); 
      } 
     }) 

Ich hoffe, es hilft Ihnen :). Vergessen Sie nicht die $ ionicPopover in Ihrem Controller

Answer 2

<button type="button" class="button button-calm list-inset" 
     ng-click="disable()"> 
      Delete 
     </button> 

Sie setzen diesen Code auf dem Controller,

$scope.disable= function() { 
     var confirmPopup = $ionicPopup.confirm({ 
      title: 'Delete', 
      template: 'Are you sure you want to delete this?' 
     }); 

     confirmPopup.then(function (res) { 
      if (res) { 
       console.log('Deleted !'); 
      } else { 
       console.log('Deletion canceled !'); 
      } 
     }); 
    }; 

Und auch zu injizieren ($ Umfang, $ ionicPopup) in Ihrem Controller hinzuzufügen.