Início / coding / Perguntas / 79431066
Accepted
S.Kruse at WAGO
Asked: 2025-02-12 02:55:08 +0800 CST

Exibir/editar um número em formato hexadecimal

  • 772

Existe alguma maneira integrada com Angular para usar um tipo Number no meu modelo como Hex Value no HTML para exibição e edição? Eu tenho esse tipo no meu modelo:

bitmask: number = 0;

Que agora deve ser apresentado como Valor Hexadecimal no frontend.

<td *ngIf="!isEditing">{{parameter.bitmask}}</td>
<td *ngIf="isEditing"><input type="text" [(ngModel)]="parameter.bitmask" maxlength="2" pattern="^(0-9a-fA-F)$" /></td>

Qualquer dica ou ajuda seria apreciada. Eu já tentei com uma propriedade no modelo assim:

get hexBitmask(): string {
    return this.bitmask.toString(16);
}

set hexBitmask(value: string) {
    if (!value.startsWith('0x')) {
        value = "0x".concat(value);
    }       
        
    this.bitmask = Number(value);
}

Mas parece que não posso usar isso na vinculação do meu frontend da mesma forma que fiz com o campo bitmask.

angular

1 respostas

  1. Best Answer

    Como opção de demonstração você pode utilizar um pipe personalizado:

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

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

  transform(value: number): string[] {
    return this.bitmask.toString(16);
  }
}

    em html você terá a seguir:

    <td *ngIf="!isEditing">{{parameter.bitmask | customPipe}}</td>

    Para inserir os dados, você não descreveu qual será o formato com '0x' ou sem.

    • 0

relate perguntas