Javascript 单击项目后，爱奥尼亚手风琴不会调整大小

我有一个应用程序开发的离子+角度+节点。我在那里使用了爱奥尼亚的手风琴，它工作正常，但大小调整不好，例如，如果单击一个项目，大小调整保持完全相同，但如果等待4秒，则刷新OK，并且在显示/隐藏项目过程中再次发生相同的过程。 代码如下：

<h4 class="subtitle" ng-click="accordionCtrl.toggle()">
  {{ accordionCtrl.page.title }}
  <i class="icon"
     ng-class="{ 'icon-arrow-dropdown': !accordionCtrl.show,
             'hm-open': accordionCtrl.show }"></i>
</h4>
<div class="content" ng-class="{ 'show': accordionCtrl.show }">
  <div class="description">
    <p ng-bind-html="accordionCtrl.page.content"></p>
    <p ng-repeat="page in accordionCtrl.page.children">
      <a ng-click="accordionCtrl.goTo('{{ ::page.view }}', { code: page.code })">{{ page.title }}</a>
    </p>
  </div>
</div>

{{accordionCtrl.page.title}


{{page.title}}

以下是js：

  (ng => {
  'use strict';

  class AccordionController {
    static get $inject () {
      return ['$state', '$IonicScrollDelegate'];
  }

  constructor ($state,$IonicScrollDelegate) {
    this._$state = $state;
    this._$IonicScrollDelegate = $IonicScrollDelegate;
  }

  toggle(){

    this.show = !this.show;

    this._$IonicScrollDelegate.resize();
  }
  goTo (state, options = {}) {
    this._$state.go(state, options);
    this._$IonicScrollDelegate.resize();
  }
}

  ng.module('halo')
    .component('accordion', {
      bindings: {
      page: '<',
  },
  templateUrl: 'templates/services/components/accordion.html',
  controller: AccordionController,
  controllerAs: 'accordionCtrl',
});
})(angular);

（ng=>{
"严格使用",；
类手风琴控制器{
静态获取$inject（）{
返回['$state'，'$IonicScrollDelegate']；
}
构造函数（$state$IonicScrollDelegate）{
这个。$state=$state；
此.$IonicScrollDelegate=$IonicScrollDelegate；
}
切换（）{
this.show=！this.show；
这是。$IonicScrollDelegate.resize（）；
}
转到（状态，选项={}）{
此.$state.go（状态，选项）；
这是。$IonicScrollDelegate.resize（）；
}
}
ng.模块（“光环”）
.组件（“手风琴”{
绑定：{
页码：'