【问题标题】:Ionicframework slide box ng-repeat length errorIonicframework 幻灯片框 ng-repeat 长度错误
【发布时间】:2015-06-09 15:36:44
【问题描述】:

我在 ionicframework 中设置了一个选项卡式导航。 第一个选项卡是部分列表,单击某个部分后,您将转到第二个选项卡,该选项卡在离子幻灯片框中显示该页面中的所有信息。 我在离子载玻片上有一个 ng-repeat。

我发现在部分和页面之间导航时(就像阅读书籍时一样),我收到此错误:

TypeError: Cannot set property length of #<HTMLCollection> which has only a getter
at ionic.views.Slider.ionic.views.View.inherit.initialize.kill (ionic.bundle.js:8486)
at ionic.bundle.js:54326
at Scope.$get.Scope.$broadcast (ionic.bundle.js:23419)
at Scope.$get.Scope.$destroy (ionic.bundle.js:23039)
at destroyViewEle (ionic.bundle.js:46792)
at Object.IonicModule.factory.ionicViewSwitcher.create.switcher.cleanup (ionic.bundle.js:46639)
at transitionComplete (ionic.bundle.js:46580)
at HTMLElement.completeOnTransitionEnd (ionic.bundle.js:46559)
at HTMLElement.eventHandler (ionic.bundle.js:11713)

有人知道这是什么意思吗?

【问题讨论】:

    标签: javascript angularjs ionic-framework hybrid-mobile-app


    【解决方案1】:

    你见过这个现有的 codepen 吗? http://codepen.io/calendee/pen/Kcxaw

          <ion-slide ng-repeat="slide in data.slides | filter:{viewable : true}">
            <div ng-include src="slide.template"></div>
          </ion-slide>
    

    【讨论】:

    • 这是一个不错的代码笔,但你能解释一下你的意思吗?我遇到了同样的错误,但我没有任何动态幻灯片。
    【解决方案2】:

    这是由至少在 1.0.0-rc5 之前存在的 ionic 中的错误引起的。 它肯定在 1.0.0 中修复。

    导致异常的旧行:

      // reset slides so no refs are held on to
      slides && (slides.length = []);
    

    固定版本(见github):

      // reset slides so no refs are held on to
      slides && (slides = []);
    

    【讨论】:

      猜你喜欢
      • 2017-10-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多