Question

如何使用Pipe将月份转换为离子2中的字符串？鉴于以下样本数据：

在我的.ts文件中

let users = [
 {
   user: "A",
   birthDate: "2017-08-01"
 },
 {
   user: "B",
   birthDate: "2017-08-02"
 },
 {
   user: "C",
   birthDate: "2017-08-03"
 },
 {
   user: "D",
   birthDate: "2017-08-04"
 }
]

在我的.html文件中

<ion-list>
  <ion-item *ngFor="let user of users">
    <div>Name: {{user.name}}</div>
    <div>Birth Date: {{user.birthDate | date: "MM dd, yyyy"}}</div>
  </ion-item>
</ion-list>

示例输出

Name: A
Birth Date: 08 01, 2017
Name: B
Birth Date: 08 02, 2017
Name: C
Birth Date: 08 03, 2017
Name: D
Birth Date: 08 04, 2017

预期输出

Name: A
Birth Date: August 01, 2017
Name: B
Birth Date: August 02, 2017
Name: C
Birth Date: August 03, 2017
Name: D
Birth Date: August 04, 2017

如何实现预期的输出？

Answer 1

使用MMMM代替MM

<ion-list>
  <ion-item *ngFor="let user of users">
    <div>Name: {{user.name}}</div>
    <div>Birth Date: {{user.birthDate | date: "MMMM dd, yyyy"}}</div>
  </ion-item>
</ion-list>

使用ionic 2 Pipe将数字月转换为字符串

1 个答案: