Angular Hex 管道 | TechOverflow

以下 Angular 管道将输入格式化为十六进制：

hex.pipe.ts

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

@Pipe({
  name: 'hex',
  standalone: true,
})
export class HexPipe implements PipeTransform {

  transform(value: number): string {
    if (isNaN(value)) {
      return '';
    }
    return value.toString(16).toUpperCase();
  }

}

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

@Pipe({
  name: 'hex',
  standalone: true,
})
export class HexPipe implements PipeTransform {

  transform(value: number): string {
    if (isNaN(value)) {
      return '';
    }
    return value.toString(16).toUpperCase();
  }

}

示例用法

hex_pipe_usage.html

{{ 255 | hex }} <!-- FF -->

{{ 255 | hex }} <!-- FF -->

Check out similar posts by category: Angular, Typescript

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow

Buy me a coffee