按天应用控制器数据

Question

我正在尝试使用AngularJS创建周历，但是我在将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，所以要在第二，第三，第四和第五个<ul>'s添加一个<li>Basketball</li> ，并且第二个事件以3开始并以3结尾，在第3个<ul>添加<li> <ul> 。 我需要指令来执行此操作吗？ 提前谢谢你，丹尼尔！

Answer 1

这将产生一个列表，其中仅在相关日期下显示您的物品。

  <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