2015-04-27 7 views
7

Mam popover w mojej aplikacji struktury jonowej z opcjami: udostępnij i usuń. Muszę wyświetlić okno z potwierdzeniem, gdy wybrana jest opcja usuwania, ale nie wiem jak.Jak wyświetlić jonowe wyskakujące okienko z opcji popover?

Jak można tego dokonać? Czy muszę utworzyć osobny kontroler dla popover? Już zrobiłem wyskakujące okienko z ActionSheet, ale jest to coś innego.

Jest to kontroler:

$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); 
}; 

I to jest szablon popover: (? Lub Eliminar w szablonie, myślę)

<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> 

Odpowiedz

11

można umieścić ng-click na własną kasowania

<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'); 
    } 
    }); 
};