Javascript 打开时不显示Popover

我用Ionic Popover创建了一个基本示例。但是，当我打开popover时，不透明度保持为零，阻止popover显示。我知道调用了方法

openPopover

，因为我在web控制台中收到了

opened

控制台日志。如果从控制台中删除“不透明度”属性，则会显示弹出框

我的控制器

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

我的查看页面

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

4“263355”的结果
滤器
广告1

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

我的Popover头衔
你好

---

为什么popover没有显示，我如何解决这个问题？

我对popover的ionic CSS进行了一些挖掘，默认情况下不透明度设置为0。您可以将不透明度覆盖为1，弹出框将显示，但我发现了以下内容：。基本上，您必须将事件（$event）传递给popover.show（），它才能工作。ionic示例显示了这一点，但文档可能更明确。在代码中，将模板更改为ng click=“searchResults.openpoover（$event）”。

在我的示例中，我只是没有将poover组件放在共享模块的entryComponent部分。直到重新启动服务器，我才发现错误，不知道为什么这里会出现同样的问题。找到解决方案了吗？在ng click中，应该将$event参数传递给调用函数。