如何在 components.ts 文件中使用 KeyValuePipe？

Question

是否可以不在 html 但在 ts 文件中使用 KeyValuePipe？ 如果是的話，有人可以告訴我怎么做嗎？

這就是我現在所擁有的，但顯然我不能像這樣使用 pipe。

let item of this.entityDetails | keyvalue{
            let properties:PropertyBase<any>[]=[
                new TextboxProperty({
                    key: item.key,
                    label: item.key,
                    value: item.value,
                    required: false,
                }),
                ];
        }

非常感謝提前

Answer 1

你當然可以。 你只需要像任何服務一樣導入它並注入它。 您從@angular/common導入它。

import { KeyValuePipe } from "@angular/common";

constructor(private keyValuePipe: KeyValuePipe) {

    const transformed = this.keyValuePipe.transform(this.entityDetails);

    for (let item of transformed) {
      let properties: PropertyBase<any>[] = [
        new TextboxProperty({
          key: item.key,
          label: item.key,
          value: item.value,
          required: false
        })
      ];
    }
  }

Answer 2

Write a custom pipe there you can write in ts file so you can transform, pass from parent as pipe input and work with your pipe ts file for refernce go here https://alligator.io/angular/custom-pipes-angular/

Answer 3

是的，您可以在 ts 文件中使用 pipe。

 constructor(public dataformatpipe: DateFormatPipe){}

ngOnInt(){}

  formatData(date) {
    return this.dataformatpipe.transform(date);
   }

html文件

 <span class="value-data">{{formatData(item.startData)}}</span>