how-to use ngx-formly with ngx-translate

[x ] support request

just a question:

Is there a way to use ngx-translate with formly? Any samples available?

Formly seems to be awesome but we can not find any working example for translation or the usage of pipes

something like

       ....
	{
		key: 'readyTime',
		type: 'select',		
		templateOptions: {
			description:  '"from" | translate' ,
			required: true,
			options: fromTime
		},
		...
	},
        ...

did not work (translate not defined)

Thanks for a hint!

[aitboudad]

You can use one of the following methods:

1. expressionProperties https://stackblitz.com/edit/ngx-formly-translate-1
2. override the default wrappers for example label wrapper https://stackblitz.com/edit/ngx-formly-translate-2

for the first method it may introduce some performance issues for a large form which I’m thinking to solve it by allowing observable in expressionProperties, in the future you can use something like:

expressionProperties: {
  'templateOptions.label': this.translate.stream('HOME.SELECT'),
},

[aitboudad]

@johannesjo that requires adding ngx-translate as a dependency 😦, I see another approach that would make the integration much easy (using a custom extension), I’ll provide an example when time allows!