角度2のコンポーネントまたはパイプで分を時間に変換する

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}}