Data Transformer: Lens

Edit on GitHub

This document explains the Data Transformer Lens service in the Components Library.


Data Transformer Lens is an Angular Service that updates nested objects by path using another Data Transformer set up with a configuration object.

In the following example datasource will return an object with the transformed date.

Service configuration:

  • path—the name of the object property, from which the value needs to be transformed. The path may contain nested properties separated by dots, just like in a Javascript language.
  • transformer—a Data Transformer that is set up with a configuration object.
        type: 'inline',
        data: {
            type: 'date',
            date: '2020-09-24T15:20:08+02:00',
        transform: {
            type: 'lens',
            path: 'date',
            transformer: {
                type: 'date-parse',

Service registration

Register the service:

declare module '@spryker/data-transformer' {
    interface DataTransformerRegistry {
        lens: LensDataTransformerService;

    imports: [
            lens: LensDataTransformerService,
export class RootModule {}


Below you can find interfaces for the Data Transformer Lens:

export interface LensDataTransformerConfig extends DataTransformerConfig {
    path: string;
    transformer: DataTransformerConfig;