javascript - 在视图中,应用控制器数据

  显示原文与译文双语对照的内容
144 5

我试图用agavi创建一个周日历,但是我在每周查看日历的7个盒子中添加了事件。 我有这个html布局


<div class="week">
 <ul></ul>
 <ul></ul>
 <ul></ul>
 <ul></ul>
 <ul></ul>
 <ul></ul>
 <ul></ul>
</div>

在控制器中,我得到了这个变量 jsonEvents,它在测试模式中包含了这个数据。


$scope.jsonEvents = [
 {"event_id":"1","event_name":"Basketball","event_startdate":"2","event_stopdate":"5"},
 {"event_id":"2","event_name":"Party","event_startdate":"3","event_stopdate":"3"}
 ];

因为第一个事件从 2到 5,在 2 nd添加一个 <li>Basketball</li>,3 rd,4th 和 5th,在 3rd 中添加一个 <li>,以添加一个到。 我需要指令来做这个或者什么? 谢谢你,Daniel !

时间: 原作者:

65 5

这将生成一个列表,仅在相关日期显示你的项目。


 <div ng-repeat="day in [1,2,3,4,5,6,7]">
 <div>Day {{day}}
 <ul><li ng-repeat="data in jsonEvents | filter:onDay(day)">{{data.event_name}}</span></li></ul>
 </div>
 </div>

并将它的添加到控制器中:


 $scope.onDay = function(day) {

 return function(data) {
 return data.event_startdate <= day && data.event_stopdate> = day;
 }
 }

请参见 http://plnkr.co/edit/GiNJy74YGyVtVfO5zxV0

...