在angular2組件或管道中將分鐘轉換爲小時

Question

在我的應用程序中，如果持續時間值低於1小時（分鐘），並且相同的值等於1小時以上，則在後端存儲以分鐘爲單位的持續時間值並在前端顯示數據以小時計。

<strong *ngIf="event.eventDuration > 0 && event.eventDuration/60 < 1">{{event.eventDuration}} Minutes<br/></strong> 
<strong *ngIf="event.eventDuration > 0 && event.eventDuration/60 >= 1">{{event.eventDuration/60}} Hour(s)<br/></strong> 

這是最好的方式還是寫入組件函數並從函數中返回值？如果我們從元素屬性中調用，組件函數也會調用太多次。

Answer 1

我將創建一個這樣的管...

@Pipe({ 
    name: 'myTime' 
}) 
export class MyTimePipe implements PipeTransform { 
    transform(value: number): string { 
    if(value > 0 && value/60 < 1) { 
     return value + ' Minutes'; 

    } else { 
     return value/60 + ' Hour(s)'; 
    } 
    } 
} 

和按如下方式使用它在你的模板：

{{event.eventDuration | myTime}}