Javascript 在AngularJS中使用模板和过滤

Javascript 在AngularJS中使用模板和过滤,javascript,angularjs,angularjs-ng-repeat,ionic-framework,Javascript,Angularjs,Angularjs Ng Repeat,Ionic Framework,我对Angular很陌生,我遇到了一个问题。我希望有一个简单的方法来解决这个问题 基本上,我有一个从服务器检索的约会列表 $scope.appointments=[{开始于:“2015-1-1”,名字:“First”},{开始于:“2015-1-1”,名字:“Last”},{开始于:“2015-1-2”,名字:“次日”} 现在我想在列表中显示这些约会。我决定可以使用ng repeat+过滤器来实现这一点,但现在我被卡住了 <ion-slide-box on-slide-changed="s

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

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

$scope.appointments=[{开始于:“2015-1-1”,名字:“First”},{开始于:“2015-1-1”,名字:“Last”},{开始于:“2015-1-2”,名字:“次日”}

现在我想在列表中显示这些约会。我决定可以使用
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>


我认为,您可以使用幻灯片左侧的ionic
和幻灯片右侧的
指令来调用控制器中定义的函数,该函数将
$scope.curDate
递增或递减1,而不是ion slide。这似乎比模拟无限幻灯片更简单


您需要使用ng repeat创建三离子载玻片。你需要一个阵列来容纳那三张幻灯片。如果可以的话,做一把小提琴。@wayne你是什么意思?我不需要无限多的幻灯片吗?我怎样才能根据我在哪一天更换过滤器呢?啊,我明白了。您误解了我的意思,我希望用户能够在任意方向上滑动任意时间。不仅仅是下一天和上一天,您还需要在
$scope.slideHasChanged($index)
中创建最少3张幻灯片。更新
$scope.curDate
或+1天或-1天。将对象插入绑定到ion幻灯片的模型,以便创建新幻灯片。或者,您可以从阵列中删除一张幻灯片,以便只保留3张幻灯片。