如何解析每个ng-repeat项目的函数

时间:2016-04-17 20:40:53

标签: javascript angularjs angularjs-ng-repeat

好的家伙,所以我有这个问题,我必须让每个日期通过一个函数,所以我得到结果..让我们看看代码的一部分,以便我们能够正确理解:

 <md-list>
        <md-divider ></md-divider>
        <md-subheader class="md-no-sticky">Replies</md-subheader>
        <md-list-item class="md-2-line" ng-repeat="reps in replies">
            {{reps.replyCreatorDate}}
            <ng-md-icon icon="phone" style="fill: white" size="20"></ng-md-icon>
            <img ng-src="{{reps.replyCreatorAvatar}}" class="md-avatar" alt="Something Went Wong"/>

            <div class="md-list-item-text">
                <h3> {{reps.replyCreatorUsername}} </h3>
                <p> {{reps.replyCreatorValue}} </p>
            </div>
            <md-button class="md-secondary md-icon-button" aria-label="call">
                <ng-md-icon icon="phone" style="fill: white" size="20"></ng-md-icon>
            </md-button>
        </md-list-item>
    </md-list>

在这里你看到reps.replyCreatorDate ....好吧,这给了我这样的日期编号:

1460924923708

嗯,我希望它像'2小时前'或'喜欢'1天前'...而且我已经有了内置的服务,这将为我做到这一切...如果它是我必须做的只有一个是这个:

timeService.getTimeF(new Date(parseInt($scope.replyCreatorDate)))

但我不知道如何通过该功能传递每个$ scope.replyCreatorDate ...因此它正确呈现。请帮助!

1 个答案:

答案 0 :(得分:2)

我建议你制作一个像这样的过滤器

app.filter("getTime", function(){
   return function(input){
      // Called Your function here
      return output; 
   }
});

<md-list-item class="md-2-line" ng-repeat="reps in replies">
            {{reps.replyCreatorDate | getTime}}