Question

我用Ionic Popover设置了一个基本的例子。但是，当我打开弹出窗口时，不透明度保持为零，从而阻止弹出窗口显示。我知道调用方法openPopover是因为我在Web控制台中收到了opened控制台日志。如果我从控制台中删除opacity属性，则显示弹出窗口。

我的控制器..

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>

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

为什么弹出窗口没有显示，我该如何解决？

Answer 1

就我而言，我只是没有将弹出框组件放在共享模块的entryComponent部分中。在重新启动服务器之前，我没有收到错误，不知道为什么

打开时不显示弹出窗口

1 个答案: