Question

我目前正在从Google Calendar中提取事件并将其显示在屏幕上，这是html：

<div class="list card" data-ng-repeat="x in items">

 <div class="item item-avatar">
    <img src="image.jpg">
    <h2>{{x.summary}}</h2>
    <p>{{x.ncreated}}</p>
  </div>

  <div class="item item-body">

    <p>
     {{x.description}}
    </p>
    <p>
</div>

ncreated是约会的日期和时间。我想要做的是每天添加一些HTML，所以当今天的日期匹配时，我想要一个带有一些文字TODAY APPOINTMENTS的垫片，然后TOMMOROW然后NEXT WEEK然后{{{ 1}}。

我发现很难弄清楚如何根据日期推送这个html，你在哪里做逻辑以及它如何影响html？不确定这是否相关，但这是控制器中的代码片段：

MONTH

Answer 1

您可以在控制器中添加对函数的调用，并将日期作为参数。它是这样的：

<div class="list card" data-ng-repeat="x in items">

 <div class="item item-avatar">
    <img src="image.jpg">
    <h2>{{x.summary}}</h2>
    <p>{{x.ncreated}}{{addSomeHtml(x.ncreated)}}</p>

  </div>

  <div class="item item-body">

    <p>
     {{x.description}}
    </p>
    <p>
</div>

在你的控制器中添加函数到$ scope：

$scope.addSomeHtml = function(date){

}

要进行日期之间的比较，最简单的方法是使用Moment.js。

Ionic AngularJS按日期分割事件

1 个答案: