JsonPipe — Angular | Spec-Zone.ru

Преобразует значение в представление в формате JSON. Полезно для отладки.

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

{{ value_expression | json }}

API

class JsonPipe implements PipeTransform {
  transform(value: unknown): string;
}

transform

string

@paramvalueunknown

Значение любого типа для преобразования в строку в формате JSON.

@returnsstring

Описание

Преобразует значение в представление в формате JSON. Полезно для отладки.

Экспортируется из

CommonModule

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

Следующий компонент использует пайп JSON для преобразования объекта в формат JSON и отображает строку в обоих форматах для сравнения.

@Component({
  selector: 'json-pipe',
  imports: [JsonPipe],
  template: `<div>
    <p>Without JSON pipe:</p>
    <pre>{{ object }}</pre>
    <p>With JSON pipe:</p>
    <pre>{{ object | json }}</pre>
  </div>`,
})
export class JsonPipeComponent {
  object: Object = {foo: 'bar', baz: 'qux', nested: {xyz: 3, numbers: [1, 2, 3, 4, 5]}};
}