Question

我对角度很新。我有一个由一些数据填充的列表项：

<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>

在我的控制器中，我循环显示日期和格式，如：

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

                       })

我试图添加一个html分隔符按日期分隔约会，所以在列表中它会说“今天”然后是一些约会，“tommorow”，“下周”等。

这是否可能与angular..ive试图这样做一段时间。

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
};

Answer 2

您可以使用angular-timeago组件来完成此任务，link

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

2 个答案: