forループ内のオブジェクトを操作する - 角型

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> 

のようにそれを使用dはそこもhttps://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html