ngx-translate is not working in Angular 9

Current behavior

ngx-translate is not working in Angular 9

Expected behavior

it has to work

How do you think that we should fix this?

Minimal reproduction of the problem with instructions

if i use like below it won’t work:

<e-column field="ImplantationDate" headerText="{{ a | translate}}"> </e-column>

The headerText value is not translated

sample download this sample and run below commands

npm i ng serve sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/angualr-ngx-1485466251

Environment

“@ngx-translate/core”: “12.1.2"”, “@ngx-translate/http-loader”: “4.0.0”, Angular version: 9.0.6

Browser:

• Chrome (desktop) version XX
• Chrome (Android) version XX
• Chrome (iOS) version XX
• Firefox version XX
• Safari (desktop) version XX
• Safari (iOS) version XX
• IE version XX
• Edge version XX

For Tooling issues:

• Node version: XX <!-- run node --version -->
• Platform:

Others:

[MohamedAbdElmawgoud]

in app.component import { TranslateService, LangChangeEvent } from ‘@ngx-translate/core’;

constructor( private platform: Platform, private splashScreen: SplashScreen, private statusBar: StatusBar, public translate: TranslateService, ) { this.initializeApp(); this.translate.setDefaultLang(‘en’); // this is solve my problem with translate }

[KBroichhausen]

Working fine for me on Angular 9. Do you added localize? See: https://angular.io/guide/migration-localize