Il popover non viene visualizzato all'apertura

Question

Ho impostato un esempio di base con Ionic Popover. Tuttavia, quando apro il popover, l'opacità rimane a zero, impedendo la visualizzazione del popover. So che il metodo openPopover viene chiamato perché ricevo il log della console opened nella console Web. Se rimuovo la proprietà opacity dalla console, viene visualizzato il popover.

mio regolatore ..

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

La mia pagina di visualizzazione ...

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

mio modello popover.

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

Perché il popover non viene visualizzato e come posso risolvere questo problema?

Answer 1

Ho fatto qualche ricerca nel CSS ionico per il popover e l'opacità è impostata su 0 per impostazione predefinita. È possibile ignorare l'opacità su 1 e verrà visualizzato il popover, ma ho trovato questo: https://github.com/driftyco/ionic/issues/2343. Fondamentalmente, devi passare l'evento ($ event) a popover.show() e funzionerà. L'esempio ionico lo mostra ma la documentazione potrebbe essere più esplicita. Nel codice, cambia il modello in ng-click = "searchResults.openPopover ($ event)".