Чтобы отформатировать число с помощью запятых и десятичных знаков в Angular, вы можете использовать следующие методы:

1. Использование DecimalPipe:

   {{ numberValue | number:'1.2-2' }}

   Это приведет к форматированию числа с двумя знаками после запятой и запятыми для тысяч.

2. Использование метода toLocaleString() JavaScript:

   {{ numberValue.toLocaleString() }}

   Этот метод преобразует число в строку с запятыми и учитывает региональные настройки пользователя.

3. Использование пользовательского канала:
   Сначала создайте новый канал с именем «customNumberFormat.pipe.ts» со следующим кодом:

   import { Pipe, PipeTransform } from '@angular/core';
   @Pipe({ name: 'customNumberFormat' })
   export class CustomNumberFormatPipe implements PipeTransform {
    transform(value: number): string {
      return value.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
    }
   }

   Затем в своем шаблоне используйте канал следующим образом:

   {{ numberValue | customNumberFormat }}