Как преобразовать печать с помощью formControlName

Question

HI Мне нужно изменить печать на переднем экране пользователя. Пример: если это номер 900, мне нужно напечатать на экране 9 ... или если значения формы ввода, которые я получил из бэкэнда 10, мне нужно напечатать 1 ... или что-то еще ..

<input class="select" type="text" formControlName="preparationTime">

this.form = this.formBuilder.group({ 
  preparationTime: ['']
});

Answer 1

Написать собственный валидатор или канал. Это пример канала:

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

@Pipe({ name: 'reverse' })

export class ReversePipe implements PipeTransform {
  transform(value) {
    let res = value.slice().reverse();
    return res;
  }
}

value - это значение, которое вы хотите изменить; res - результат после манипуляции с value;

Это пример настраиваемого валидатора:

function AgeValidator(control: AbstractControl): { [key: string]: boolean } | null {
  if (control.value > 18) {
    return { 'age': true };
  }
  return null;
}

Не забудьте добавить его в элемент формы:

this.form = this.formBuilder.group({ 
  preparationTime: ['',[AgeValidator]]
});