javascript - 一起使用 jQuery timeago 或 momentjs 和 AngularJS

标签 javascript jquery html angularjs

我想使用 timeago plugin使日期看起来更好。问题是这些日期是通过 AngularJS 从 REST 动态获取的。所以,当我将这个 jQuery 插件附加到我的页面时,它只是不处理它。

那么,如何更好地做这样的事情呢?如果可能的话,我很乐意在没有 jQuery 的情况下运行。

最佳答案

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

然后您可以创建一个名为“timeAgo”或“fromNow”的过滤器。您可能应该将其称为 fromNow,因为 momentjs 就是这样调用它的:

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

那么您只需在您的 View 中使用简单的数据绑定(bind):

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

如果您真的想使用 jQuery 插件,您可能必须编写一个指令。但这种做法很糟糕,因为它将您的数据链接到 DOM 元素。我上面的方式将数据与 DOM 分开,这是 Angular 方式。而且很漂亮:-D

关于javascript - 一起使用 jQuery timeago 或 momentjs 和 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14774486/

相关文章:

javascript - 查看对象的隐藏属性

javascript - Vuejs 使用 Props 访问模态组件中的数据

javascript - Bootstrap 导航栏在 div 中时消失,它应该始终可见

javascript - 等待外部ajax请求时显示动画

javascript - 悬停时获取数据属性的特定部分

javascript - 使用颜色选择器手动更改单元格/行/列的颜色?

javascript - 如何根据选择器查询检查 javascript DOMElement

PHP 检查它是否是一个有效的 HTML 属性

javascript - 使用JavaScript将页面滚动到屏幕上的某个点(如果小于某个大小)?

javascript - JavaScript 中的 ASP if 语句和 while 循环