javascript - 在 AngularJS 中使用模板和过滤

Question

我对 Angular 还很陌生，并且遇到了一个问题。我希望有一个简单的方法来解决这个问题。

基本上，我有一个从服务器检索的约会列表。

$scope.appointments = [{starts_at: "2015-1-1", name: "First"}, {starts_at: "2015-1-1", name: "Last"}, {starts_at: "2015-1-2", name: "Next Day"}];

现在我想在列表中显示这些约会。我决定可以使用ng-repeat + 为此进行过滤，但现在我陷入困境。

<ion-slide-box on-slide-changed="slideHasChanged($index)">
  <ion-slide>
    <div class='box'>
      <div class="list list-inset" ng-repeat="appt in appointments | filter:????>
        <div class="item" ng-click="openAppointmentModal(appt)">
          <span>Appt {{appt.name}}</span>
          <span>Starts at {{appt.starts_at}}</span>
        </div>
      </div>
    </div>
  </ion-slide>
</ion-slide-box>

我不确定是否可以使用内置的 filterFilter为此，我最终编写了自己的过滤器 filterDateFilter ，它接受一个数组、一个属性名称以及要过滤的日期。然后我可以写类似 ng-repeat='appt in appointments | filterDate:starts_at:curDate' 的内容哪里curDate由 $scope.curDate = new Date() 定义在 Controller 中。

唷。这有效，但仅适用于过滤 $scope.curDate 的定义。

现在，我希望用户能够滑动到前一天/后几天，并仅显示当天的约会。我想我必须移动 <ion-slide>到模板，但我不知道从那里去哪里。 我的下一步是什么？

很抱歉这么长的帖子和详细的解释，但我不想只是提出一个问题而没有表现出以前的努力。

Answer 1

我认为您可以使用 ionic on-slide-left 和 on-slide-right 指令来调用您定义的函数，而不是 ion-slide您的 Controller 将 $scope.curDate 增加或减少 1。对我来说，这似乎是比模拟无限幻灯片更简单的替代方案。

http://ionicframework.com/docs/api/directive/onSwipeLeft/