angular - 我如何在 Angular 6 中以人类可读的方式表示文件大小？

Question

假设我在 html 中有 *ngFor="let cell of dateFormat(row)">{{cell | filesize}}</td>和 dateFormat看起来像这样

dateFormat(row:string){

    var today = new Date(row[4]);

    let latest_date = this.datepipe.transform(today, 'yyyy-MM-dd');

    row['4'] = latest_date;

    return row;

}

HTML:

<tr *ngFor="let row of this.UploaderService.tableData2.dataRows">
    <td [ngClass]="{'active': check(row) }" (click)="listClick($event, row)"
       (dblclick)="listDoubleClick($event, row)"
       *ngFor="let cell of dateFormat(row)">{{cell}}
    </td>
</tr>

有没有办法调用filesize仅在 row['2'] ？此刻filesize工作正常，但它会格式化所有行。我试过 dateFormat但我不确定如何使用 filesize在 typescript 中。像这样

let latest_date = this.datepipe.transform(today, 'yyyy-MM-dd');

row['4'] = latest_date;
row['2'] = here convert row['2'] using filesize;

return row;

有什么想法吗？

Answer 1

npm install ngx-filesize

在你的模块中:

import {NgxFilesizeModule} from 'ngx-filesize';



// ...

@NgModule({
    // ...
    imports: [
        // ...
        NgxFilesizeModule,
        // ...
    ]
    // ...
})

在你的组件中

{{bytes | filesize}}

*我知道这个解决方案是一个迟到的回复，但它可以帮助即将到来的开发人员:)