2015-04-27 9 views
7

İyonik çerçeve uygulamamda seçeneklerim arasında bir popover var: paylaş ve sil. Sil seçeneği seçildiğinde bir onay penceresi görüntülemem gerekiyor, ama nasıl olduğunu bilmiyorum.Bir popover seçeneğinden bir İyonik popup nasıl görüntülenir?

Bu nasıl yapılabilir? Popover için ayrı bir denetleyici oluşturmam gerekiyor mu? Bir ActionSheet'den gelen bir pop-up zaten yaptım ama bu bir şekilde farklı.

Bu

kontrolör geçerli:

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

Ve bu popover şablon: (?, Şablonunuzdaki veya eliminar bence)

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

cevap

11

Sen silme üzerinde ng-click yerleştirebilirsiniz

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