一尘不染

一起使用jQuery timeago或momentjs和AngularJS

angularjs

我想使用timeago插件使日期看起来更好。问题在于这些日期是通过AngularJS从REST动态获取的。因此,当我将此jQuery插件附加到我的页面时,它只是不对其进行处理。

那么,如何更好地做这样的事情呢?如果可能的话,我很乐意完全不使用jQuery。


阅读 248

收藏
2020-07-04

共1个答案

一尘不染

我会使用momentjs- http : //momentjs.com/- 它没有依赖关系。

然后,您可以创建一个名为“ timeAgo”或“ fromNow”的过滤器。您可能应该称呼它,fromNow因为那就是momentjs所说的:

angular.module('myApp').filter('fromNow', function() {
  return function(date) {
    return moment(date).fromNow();
  }
});

然后,您将在视图中使用简单的数据绑定:

<p>Pizza arrives {{pizzaArrivalDate | fromNow}}</p>

如果您真的想使用jQuery插件,则可能必须编写一条指令。但是这样做的方式很不好,因为它会将您的数据链接到DOM元素。我上面提到的方法将数据与DOM分开,这是角度方法。这很漂亮:-D

2020-07-04