IONIC将课程设置为“click-block click-block-hide”，我的内容消失了

Question

我是离子的新手。我有一个基于导航模板运行的项目。我的问题是当我点击一个按钮将我返回到上一个模板时，模板被加载为空白。和chrome检查器出现此类（单击块单击块隐藏）。我能做什么？以及我如何纠正？

此模板状态。这是添加该类的地方。

.state('tabs.Ranking', {
  url: "/menu/IndicadorEps/RankingEps/:idindicador",
  cache:false,
  views: {
    'tab': {
      templateUrl: "templates/ranking.html",
      controller: 'RankingAppController'
    }
  }
})

Answer 1

正如之前的评论中所建议的，我已经更新到最新的Ionic，甚至从模板创建了一个新项目，但仍然存在这个问题。

我＆＃34;解决了＃34;它通过阻止Ionic首先创建click-block div，这对我的目的来说已经足够了。要做到这一点，我只是将工厂覆盖到基本上什么都不做：

/* override Ionic module to eliminate ionic bug with click-block after modal */
angular.module('ionic').factory('$ionicClickBlock', [
  '$document',
  '$ionicBody',
  '$timeout',
function($document, $ionicBody, $timeout) {
  return {
    show: function(autoExpire) {
      //console.log('custom $ionicClickBlock');
    },
    hide: function() {
      //console.log('custom $ionicClickBlock');
    }
  };
}]);

Answer 2

我想你可以重新编译scss并尝试一次 https://forum.ionicframework.com/t/beta-14-click-block-overlay/14226

Answer 3

另一种选择可能是用新属性覆盖css类。

只需添加一个离子css文件之后加载的css文件，即以下css规则。

.click-block-hide {
    position: initial;
}

我不知道这个div的目的是什么，但我怀疑它与$IonicPopupModal有关，所以你知道，它可能会破坏功能......