Javascript 在AngularJS中使用模板和过滤
我对Angular很陌生,我遇到了一个问题。我希望有一个简单的方法来解决这个问题 基本上,我有一个从服务器检索的约会列表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
$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张幻灯片。