Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Not working with ngx-translate

See original GitHub issue

We are using the ngx-translate module to translate all contents of the angular app. The problem is, that it is not working with the title and text attributes of ngx-joyride.

To Reproduce

<div joyrideStep="dashboardStatistics"
         [title]="'TOUR.DASHBOARD_STATISTICS.TITLE' | translate"
         [text]="'TOUR.DASHBOARD_STATISTICS.TEXT' | translate">
    ... more content ...
</div>

Expected behavior The translated text should be visible in the tour window.

Screenshots Bildschirmfoto 2019-09-20 um 15 05 01

Details:

Browser chrome 76
@angular/core 7.2.15
ngx-joyride 2.2.10
ngx-translate 11.0.1

Issue Analytics

State:
Created 4 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

1reaction

rtcimicommented, Sep 26, 2019

I was/am using it like [title]=“TOUR.DASHBOARD_STATISTICS.TITLE”

0reactions

tnicolacommented, Mar 14, 2020

Hi @iCodr8 ,

I’ve tried but I’m not able to reproduce your bug. Could you please reproduce it on a small app?

Top Results From Across the Web

translate.use(langCode) is not working in some cases #1258

What I've noticed is that, when I set en as the language in app.component.ts the onLangChange prints an empty object as the translations ......

angular - Ngx-translate not translating anything - Stack Overflow

By using ngx-translate-extract , I am now using the third approach provided by the tutorial: translation directive — id as a child <element ......

How to translate your Angular app with ngx-translate

1. Add ngx-translate to your Angular application 2. Set up the TranslateService in your app.module.ts 3. Create your main language translation file (in...

Fix Ngx-translate pipe not found in Angular 11 error [solved]

This error occurs in strict typescript in Angular 11 when using the ngx-translate functionality. In this case I use a core module (which...

Angular I18n: How to Internationalize with ngx-translate | Phrase

The ngx-translate library allows us to change the language of the application at runtime without reloading the whole app. However, Angular ...