首页 > 解决方案 > Angular/Ionic 表达式调用

问题描述

我有一个 ISODate 数组(来自数据库),我做了一个重构,所以我可以得到我想要的格式的日期,我的问题是我不知道如何在视图端调用它。

 <div class="message-date">{{ party.date }}</div>

这是显示我

Thu Jul 12 2018 09:39:08 GMT+0200 (CEST)

party 是数据库中的一个文档,字段为 date

我在我的 ts 文件中做了这个,所以我可以得到正确的格式

const test = this.party.map(a => a.date);
console.log(test)

/// Will Display 
["Mon Jul 16 2018 11:40:28 GMT+0200 (CEST)",
  "Fri Jul 13 2018 09:33:46 GMT+0200 (CEST)",
  "Fri Jul 13 2018 09:21:36 GMT+0200 (CEST)",
  "Fri Jul 13 2018 09:03:42 GMT+0200 (CEST)",
  "Fri Jul 13 2018 09:01:05 GMT+0200 (CEST)",
  "Fri Jul 13 2018 08:53:23 GMT+0200 (CEST)",
  "Fri Jul 13 2018 08:52:33 GMT+0200 (CEST)",
  "Thu Jul 12 2018 13:41:59 GMT+0200 (CEST)",
  "Thu Jul 12 2018 13:41:49 GMT+0200 (CEST)",
  "Thu Jul 12 2018 13:41:42 GMT+0200 (CEST)"
]

这就是我想在我的视图侧显示的内容

const test1 = test.map(a => new Date(a).toLocaleString(locale, options))
    console.log(test1)
/// will display

 [
  "Monday 16 July 2018",
  "Friday 13 July 2018",
  "Friday 13 July 2018",
  "Friday 13 July 2018",
  "Friday 13 July 2018",
  "Friday 13 July 2018",
  "Friday 13 July 2018",
  "Thursday 12 July 2018",
  "Thursday 12 July 2018",
  "Thursday 12 July 2018"
]

所以不是在我的视图上显示第一个我想显示日期的第二种格式,不知道如何调用它?

我需要在这里修改一些东西

 <div class="message-date">{{ party.date }}</div>

并调用 test1.??? 而不是party.date

标签: angularionic-framework

解决方案


推荐阅读