如何在Angular中使用自定义管道将秒转换并显示为年、月、日？

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'timeDuration'
})
export class TimeDurationPipe implements PipeTransform {
  transform(seconds: number): string {
    // 将秒转换为年、月、日
    const years = Math.floor(seconds / (365 * 24 * 60 * 60));
    const months = Math.floor((seconds % (365 * 24 * 60 * 60)) / (30 * 24 * 60 * 60));
    const days = Math.floor((seconds % (30 * 24 * 60 * 60)) / (24 * 60 * 60));

    // 构建显示字符串
    let result = '';
    if (years > 0) {
      result += years + '年 ';
    }
    if (months > 0) {
      result += months + '月 ';
    }
    if (days > 0) {
      result += days + '日 ';
    }

    return result.trim();
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div>
      {{ seconds | timeDuration }}
    </div>
  `
})
export class ExampleComponent {
  seconds = 86400; // 假设秒数为一天
}

<div>
  {{ seconds | timeDuration }}
</div>