javascript - AngularJS Ng-repeat html 分隔符/分隔符

Question

我对 Angular 还很陌生。我有一个由一些数据填充的列表项:

<li ng-repeat="content in contents">
        <a class="item" href="#">
    <p><strong>{{content.Company}}</strong></p>
    <p>{{content.Town}}, {{content.PostCode}}</p>
    <p>{{content.Appointment}} at {{content.txtTime}}</p>
  </a>
</li>

在我的 Controller 中，我循环遍历日期和格式，例如:

angular.forEach($scope.contents, function(item){
                           item.Appointment = moment(item.Appointment).format('MMMM Do YYYY'); 

                       })

我正在尝试添加一个 html 分隔符来按日期分隔约会，因此在列表中会显示“今天”，然后是一些约会、“明天”、“下周”等。

这对于 Angular 来说可能吗？我已经尝试这样做有一段时间了。

Answer 1

我使用了下面的过滤器。您可以在我的代码中输入您的条件，而不是今天、明天和下周。

<li ng-repeat="content in contents|filter:filterFn">
        <a class="item" href="#">
    <p><strong>{{content.Company}}</strong></p>
    <p>{{content.Town}}, {{content.PostCode}}</p>
    <p>{{content.Appointment}} at {{content.txtTime}}</p>
  </a>
</li>
<li ng-repeat="content in contents|filter:filterFn">
        <a class="item" href="#">
    <p><strong>{{content.Company}}</strong></p>
    <p>{{content.Town}}, {{content.PostCode}}</p>
    <p>{{content.Appointment}} at {{content.txtTime}}</p>
  </a>
</li>
<li ng-repeat="content in contents|filter:filterFn">
        <a class="item" href="#">
    <p><strong>{{content.Company}}</strong></p>
    <p>{{content.Town}}, {{content.PostCode}}</p>
    <p>{{content.Appointment}} at {{content.txtTime}}</p>
  </a>
</li>

在 JS 中:

$scope.filterFn = function()
{
    // Do something

    // return something
};