Wie wird ein ionisches Popup von einer Popover-Option angezeigt?

Question

Ich habe ein Popover in meiner Ionic Framework App mit Optionen: share und delete. Ich muss ein Bestätigungsdialogfeld anzeigen, wenn die Löschoption gewählt wird, aber ich weiß nicht wie.

Wie kann das gemacht werden? Muss ich einen separaten Controller für das Popover erstellen? Ich habe bereits ein Popup aus einem ActionSheet erstellt, aber das ist irgendwie anders.

Dies ist der Controller:

$ionicPopover.fromTemplateUrl('templates/popover.html', { 
    scope: $scope 
}).then(function(popover) { 
    $scope.popover = popover; 
}); 

// Triggered on a button click, or some other target 
$scope.openPopover = function($event) { 

    $scope.popover.show($event); 
}; 

Und das ist die popover Vorlage: (? Oder Eliminar in Ihrer Vorlage, glaube ich)

<ion-popover-view style="height: 120px"> 
    <ion-content> 
    <div class="list"> 
     <a class="item"> 
     Compartir 
     </a> 
     <a class="item"> 
     Eliminar 
     </a> 
    </div> 
    </ion-content> 
</ion-popover-view> 

Answer 1

Sie können einen ng-click auf Ihrem löschen platzieren

<ion-popover-view style="height: 120px"> 
    <ion-content> 
    <div class="list"> 
     <a class="item"> 
     Compartir 
     </a> 
     <a class="item" ng-click="showConfirm()"> 
     Eliminar 
     </a> 
    </div> 
    </ion-content> 
</ion-popover-view> 

---

$ionicPopover.fromTemplateUrl('templates/popover.html', { 
    scope: $scope 
}).then(function(popover) { 
    $scope.popover = popover; 
}); 

// Triggered on a button click, or some other target 
$scope.openPopover = function($event) { 

    $scope.popover.show($event); 
}; 

$scope.showConfirm = function() { 
    var confirmPopup = $ionicPopup.confirm({ 
    title: 'Are you sure?', 
    template: 'Are you sure you want to delete?' 
    }); 
    confirmPopup.then(function(res) { 
    if(res) { 
     console.log('You are sure'); 
    } else { 
     console.log('You are not sure'); 
    } 
    }); 
};