Question

所以我从REST端点获取一个对象数组，并将它们添加到一个工作正常的表中。我希望在日期之前运行toLocaleDateStrring（），然后将它添加到表中，以便人们可以理解它。

这是我的表格行

<tr *ngFor="let entry of entries">
      <td>{{ entry.name }}</td>
      <td>{{ entry.uuid }}</td>
      <td>{{ entry.reason }}</td>
      <td>{{ entry.created }}</td>
      <td>{{ entry.expires }}</td>
      <td>{{ entry.case }}</td>
    </tr>

但是对于创建和过期，例如我希望做一些像{{entry.created.toLocaleDateSrring()}}

这样的事情

我正在使用角度4

Answer 1

你可以这样做，但更好的方法是使用管道

@Pipe({name: 'toLocalDateString'})
export class ToLocalDateStringPipe implements PipeTransform {
  transform(val) {
    return /* convert value to local date string */
  }
}

并像

一样使用它

<tr *ngFor="let entry of entries">
  <td>{{ entry.name | toLocalDateString }}</td>
  <td>{{ entry.uuid | toLocalDateString}}</td>
  <td>{{ entry.reason | toLocalDateString}}</td>
  <td>{{ entry.created | toLocalDateString}}</td>
  <td>{{ entry.expires | toLocalDateString}}</td>
  <td>{{ entry.case | toLocalDateString}}</td>
</tr>

还有https://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html

在for循环中操作对象 - Angular

1 个答案: