Multilingual angular 8 apps with ngx-translate

[@dylanlang5088]

This was exactly what I was looking for! very informative and helpful! Thank you so much for the tutorial and good luck on your future projects!

[@sapariyajaydipdhirajlal6714]

such a lovely hands on tutorial ,im finding for hands on but no one have perfect video compared to this, thank you very much sir keep making this type of informative hands on videos for newbies like us.

[@GreenPeteTV]

Thank you, it's a great tutorial. Seriously helped me a lot.

[@abdulwehabmohammed5580]

Pretty cool and simple tutorial. Thankyou very much.

[@tarapablo]

Thank you, very informative and clear demonstration :)

[@BlackBoxTech]

Thanks a lot!!!

[@nadayousef5143]

can you please make a vedio ngxtranslate for lazy loading ! I cant make it work for me

[@Suhas_reddy112]

Thanks for this tutorial

[@pariahosseiny1586]

Excellent ,it worked for me.thank you so much.

[@haithamelrefaie]

Thanks a lot , this is very helpful

[@Austin-st8yn]

Very nice! I have a question. How can I set the date and time format based on the user's locale?

[@pradeepyenkuwale7143]

How i can apply this pip filter in all the pages of my project?

[@AyushmanAdhikary]

Very good tutorial. Thank you!

[@strikerwow2011]

Nice I already like!

[@BlackBoxTech]

Thanks!

[@LexMadafaka]

Good one. Thanks!

[@jhonmasco1366]

Nice Tutorial. I have one question: How i can translate globally, i mean, i am using diferent files for menu (header - sidebar- footer) , i want translate the header. I need to put the configuration in the header.ts or from app-component is possible? because is not working for me from there. Thanks

[@LexMadafaka]

Searching for the same thing... no answers found yet. Anyone?

[@jhonmasco1366]

@@LexMadafaka i solved my problem, importing the translateModule in app.module.ts and all the diferent modules inside the project. Try that!, the best way to do that is have a sharedModule and import it in all the other module.

[@venkateshuttur4136]

very nice one,have one doubt-in assest folder is it mandatory to name as i18N?

[@majklzumberi1761]

Amazing content! thanks for this tutorial

[@jared394]

Great video do you have any videos on RTL

[@amolmali3583]

Great video. thanks

[@attherockshow8902]

Any recommendation on how to split language files by module ?

[@manishkumarchouhan7841]

which one is better for internationalization either ngx-translate or using xlf in the project ?

[@tariqboukouyen4841]

works just fine. THANKS.

[@saisanthosh7072]

It's informative one, I'm having a doubt. For all the words we should add corresponding word in respective en.json or fr.json respectively. Is there any possibilities on displaying the data dynamically

[@oubaidhlaimi]

thank u very much sir

[@etatevosian]

Thank you! Very nice tutorial!

[@karthikakavi8526]

Thank you for the information!!.Can you tell which method is good and easy for angular translation, whether it is i18n(discussed in last video) or ngx-translate. And one more doubt can we able to switch language in runtime using i18n(using dropdown in UI)

[@assmabenmussa4228]

Excellent tutorial Thank you, sir!

[@javascript_developer]

awesome thanks for the tutorial

[@BlackBoxTech]

Glad you liked it!

[@Muhammad_Mabrouk]

Amazing tutorial, Thank you for this video 🌹

[@icasemobileservicecenter3293]

how to get lang from only one json file ?

[@alaanagah9425]

thank you so much

[@sapariyajaydipdhirajlal6714]

sir, please use bigger font because i can't read that properly even in 720p and your videos will look fine even with bigger font and thanks again you saved our life... hahaha

[@BlackBoxTech]

Ok next time. I am getting this feedback from many. Thanks again!

[@fduduf]

Very simple way, Thank you so much!

[@BlackBoxTech]

Thanks a lot!

[@javascript_developer]

How can I change that en into English in dropdown ? i tried created array object but it didn't allow me due to type string.

[@usamaattique150]

cannot connect json file with html any idea?

[@ADSNGreenLife]

@BlackBox, Nice tutorial But If have dynamic data from API. I want to show in Text, table, dropdown. And while post API I want to send data to API as in English then? Can you tell me how it's possible?

[@parthaghosh9687]

I liked your video just one quick question - how to make the content dynamic instead static in JSON files

[@javascript_developer]

I think i18n is only for local text. if you want to make things dynamic, that is need to done via api itself. API should accept locale in header in api call and return the data accordingly.

[@supriyasuryawanshi3453]

How to translate dynamic data from API?

[@giseiitb]

do you have this sample code in some publicly available repository?

[@NitishKumar-hw3nr]

Why do we need a different JSON files for different languages? Can't we create a JSON file where we can provide the key as language code and we can have all keys and values? {'fr':[{'key':'val'},{'Key':'val'}}

[@Felipe-gw4gr]

Hey B.T. , this dark theme from VisualCode is hard to see in tutorial. Thanks for video!

[@BlackBoxTech]

Hi Sure I will change the theme

[@brawnyvenky9584]

good intro to angular translate, similarily can you give an example of how to pass parameters dynamically to the en.json / fr.json like In en.json:- { 'HOME': 'some text with variable from code {{customer.name}} . }

[@MuhammadbinYusrat]

The background sounds are scary.. I thought you were sitting somewhere between zombies 😄

[@kareemmuhammad8360]

I think this background only to keep focusing on the part is being explained

[@nourahaldahash4742]

Thank you very much !!

[@MarioAxl]

What do you think is best ngx-translate or i18?

[@BlackBoxTech]

Ngx-translate have more options and also plugin options

[@AndriyTomusiak]

How to do after the reload page, your language not no go to default, but stay which you put ?

[@DiogoGuik]

Hi man, have you found a solution for that ?

[@BlackBoxTech]

You can use localstorage to store the language preference.

[@ايمانعبدالقادر-ص9خ]

thanks :)

[@mryassine7221]

How to do rtl and ltr and switch components for left to right? Thanks for this awesome video 👍

[@nadayousef5143]

Thanks a million :)

[@sreekanthbandaru3359]

this video is not clear about the code

[@roodwally3167]

thnks

[@sam86k]

ERROR in Error during template compile of 'AppModule' Only initialized variables and constants can be referenced in decorators because the value of this variable is needed by the template compiler in 'ServiceWorkerModule' 'ServiceWorkerModule' references 'PLATFORM_ID' at @angular\service-worker\service-worker.ts(82,39) 'PLATFORM_ID' references 'PLATFORM_ID' 'PLATFORM_ID' references 'PLATFORM_ID' 'PLATFORM_ID' references 'PLATFORM_ID' 'PLATFORM_ID' is not initialized at @angular\core\src\application_tokens.ts(40,22).

[@VaibhavPatil-rx7pc]

can you share code for it?

[@jbalceda]

Thanks man!

[@sargumsingh2086]

where do you specify path to pull json files under assets\i18n? I get 404 error for assets/i18n/es.json

[@assmabenmussa4228]

hey there, the same problem happened with me and i fixed it by replacing {{ HOME.TITLE | translate }} with {{ 'HOME.TITLE' | translate }}..hope this helps

[@MuhammadbinYusrat]

By default it should look in the assets folder.

[@radovansurlak7445]

Thanks a lot :)

[@magnifico689]

github repo please, thanks!

[@alexandergrinevskiy8445]

Why are you using http loader if you don't even utilize it.

[@BlackBoxTech]

Translatehttploader being used by ngx translate to load the JSON files it's used in the code.

[@LucasAndersonL]

Thanks for help me... But, in my case worked only using [innerHTML]="'home.title' | translate", but work hahaha Thanks

[@danielvega646]

18:35

[@singhamit0002]

Very poor visibility...

[@upcom1ng116]

Assuming you are watching from the phone?

[@singhamit0002]

@@upcom1ng116 yes

[@bernardomondragonbrozon5182]

Great tutorial. Thank you very much!

[@hmmer3471]

Thank you very much

[@larsfagerbakke2140]

Thank you for this nice tutorial!