当前位置: 首页 > 面试题库 >

一起使用jQuery timeago或momentjs和AngularJS

魏波娃
2023-03-14
问题内容

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

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


问题答案:

我会使用momentjs- html" target="_blank">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



 类似资料:
  • 问题内容: 我是Flask的忠实拥护者 -部分是因为它简单,部分是因为它具有很多扩展。但是,Flask是要在WSGI环境中使用的,并且WSGI不是非阻塞的,因此(我相信)对于某些类型的应用程序,它的伸缩性不如Tornado。 由于每个人都有一个将调用函数的URL调度程序,并且两个都将使用Python文件(在Django中,你不启动python文件,但在flask或Tornado中,你可以这样做)这

  • 问题内容: 考虑以下查询: 此查询返回以下结果(Usnig Northwind数据库): 我想将Pivot与Join结合使用来获得以下结果: 我该怎么做? 谢谢 问题答案:

  • 我们现在知道有两种"FreeMarker Ant tasks": FreemarkerXmlTask:它来自于FreeMarker的发布包, 打包到 freemarker.jar 中。 这是使用FreeMarker模板转换XML文档的轻量级的,易于使用的Ant任务。 它的入口源文件(输入文件)是XML文件,和生成的输出文件对应, 这是通过单独模板实现的。也就是说,对于每个XML文件, 模板会被执行

  • 我是Momentjs的新手。我试着用它把毫秒转换成小时和分钟。下面,x是毫秒 有人能帮忙吗?

  • 问题内容: 民间, 之前,我只有一个jar文件,并且设置了清单,以便可以简单地以以下方式运行程序: 现在,我将功能分为两个jar文件-MyCore.jar和MyApp.jar。 以下命令有效: 但是我不能让以下工作 我收到ClassNotFoundException。 我更喜欢使用“ -jar”开关。有办法使它起作用吗? 预先感谢您的帮助。 问候, 彼得 问题答案: 我有一个这样的Manifest

  • 问题内容: 有没有办法同时使用LIKE和IN? 我想实现这样的目标。 所以基本上,我希望能够用一堆不同的字符串来匹配该列。是否有另一种方法可以对一个查询执行此操作,还是我必须遍历要查找的字符串数组? 问题答案: 您可以通过在一个查询中将各个LIKE与OR串在一起来完成此操作: 请注意,像LIKE和per-row函数之类的东西并不总是能够很好地扩展。如果表可能会变大,则 可能 需要考虑向表中添加另一