Angular-Hex-Pipe | TechOverflow

Die folgende Angular-Pipe formatiert die Eingabe als Hex:

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();
  }

}

Verwendungsbeispiel

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