【问题标题】:Filtering ng-repeat inside ion-slide-box breaks everything在 ion-slide-box 中过滤 ng-repeat 会破坏一切
【发布时间】:2016-07-11 01:27:52
【问题描述】:

我正在使用 ion-slide 将项目列表显示为幻灯片页面,现在我想添加过滤该列表的功能。

问题是:当我应用过滤器时,幻灯片似乎坏了:(

这是我如何进行过滤的示例:

<input type="text" ng-model="myFilter" style="border: 1px solid black;">
  <ion-slide-box>
    <ion-slide ng-repeat="item in items | filter:myFilter">
      <div class="card" style="height: 200px;">
        <h1 style="text-align: center;">{{ item }}</h1>
      </div>
    </ion-slide>
  </ion-slide-box>

这里有一个 Codepen 作为示例。

http://codepen.io/gbrennon/full/grWxvg/

【问题讨论】:

    标签: angularjs filter ionic-framework


    【解决方案1】:

    您似乎需要让滑动框知道范围变量已更新,正如 here 所建议的那样。

    如果仍有问题,请尝试手动过滤数组,而不是使用 Angular 过滤器,并在数组更新后调用 $ionicSlideBoxDelegate.update();

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-04-28
      相关资源
      最近更新 更多