Popover Açıldığında Gösterilmiyor

Question

Ionic Popover ile temel bir örnek oluşturuyorum. Bununla birlikte, popover'ı açtığımda, opaklık sıfırda kalır ve popover'ın gösterilmesini engeller. Web konsolumda opened konsol günlüğünü aldığım için openPopover yönteminin çağrıldığını biliyorum. Opaklık özelliğini konsoldan kaldırırsam, popover görüntülenir.

Benim denetleyicisi ..

angular.module('search') 

.controller('SearchResultsController', searchResultsController) 

searchResultsController.$inject = ['$ionicPopover', '$scope']; 

function searchResultsController($ionicPopover, $scope) { 
    var vm = this; 

    vm.openPopover = openPopover; 

    activate(); 

    function activate() { 
    $ionicPopover.fromTemplateUrl('/templates/search/filter-popover.html', { 
     scope: $scope 
    }).then(function(popover) { 
     console.log(popover) 
     vm.popover = popover; 
    }); 
    } 

    function openPopover($event) { 
    console.log("opened") 
    vm.popover.show($event); 
    } 
} 

Bence sayfa ...

<ion-view hide-nav-bar="true"> 
    <signed-in-header></signed-in-header> 

    <ion-content class="padding has-header"> 
    <div class="row"> 
     <div class="col col-75 text-left"> 
     <div>4 RESULTS FOR "263355"</div> 
     </div> 

     <div class="col col-25 text-right"> 
     <div ng-click="searchResults.openPopover()"> 
      <i class="icon ion-arrow-down-b"></i> 
      Filter 
     </div> 
     </div> 
    </div> 
    </ion-content> 

    <ion-footer-bar> 
    Ad here 1 
    </ion-footer-bar> 
</ion-view> 

My popover şablonu.

<ion-popover-view> 
    <ion-header-bar> 
    <h1 class="title">My Popover Title</h1> 
    </ion-header-bar> 
    <ion-content> 
    Hello! 
    </ion-content> 
</ion-popover-view> 

Neden popover görünmüyor ve bunu nasıl düzeltebilirim?

Answer 1

Popo için iyonik CSS'de kazı yaptım ve opaklık varsayılan olarak 0'a ayarlandı. Saydamlığı 1 olarak geçersiz kılabilirsiniz ve popover görüntülenecektir, ancak şunu buldum: https://github.com/driftyco/ionic/issues/2343. Temel olarak, olayı ($ olayı) popover.show() 'a aktarmanız gerekir ve işe yarayacaktır. İyonik örnek bunu gösterir, ancak belgeler daha açık olabilir. Kodunuzda, şablonunuzu ng-click = "searchResults.openPopover ($ event)" olarak değiştirin.