PercentPipe — Angular

Преобразует число в процентную строку, отформатированную согласно правилам локали, которые определяют размер групп и разделитель, символ десятичной точки и другие настройки, зависящие от локали.

Использование канала

{{ value_expression | percent:digitsInfo:locale }}

API

class PercentPipe implements PipeTransform {
  constructor(_locale: string): PercentPipe;
  transform(value: string | number, digitsInfo?: string | undefined, locale?: string | undefined): string | null;
  transform(value: null | undefined, digitsInfo?: string | undefined, locale?: string | undefined): null;
  transform(value: string | number | null | undefined, digitsInfo?: string | undefined, locale?: string | undefined): string | null;
}

constructor

PercentPipe

@param_localestring

@returnsPercentPipe

transform

3 перегрузки

@paramvaluestring | number

@paramdigitsInfostring | undefined

@paramlocalestring | undefined

@returnsstring | null

@paramvaluenull | undefined

@paramdigitsInfostring | undefined

@paramlocalestring | undefined

@returnsnull

@paramvaluestring | number | null | undefined

@paramdigitsInfostring | undefined

@paramlocalestring | undefined

@returnsstring | null

Описание

Экспортировано модулем

CommonModule

Примечания по использованию

В следующем примере показано, как канал преобразует числа в текстовые строки согласно различным спецификациям формата, если локаль по умолчанию вызывающего кода — en-US.

@Component({
  selector: 'percent-pipe',
  imports: [PercentPipe],
  template: `<div>
    <!--output '26%'-->
    <p>A: {{ a | percent }}</p>

    <!--output '0,134.950%'-->
    <p>B: {{ b | percent: '4.3-5' }}</p>

    <!--output '0 134,950 %'-->
    <p>B: {{ b | percent: '4.3-5' : 'fr' }}</p>
  </div>`,
})
export class PercentPipeComponent {
  a: number = 0.259;
  b: number = 1.3495;
}