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.
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)
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
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 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.
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
@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?
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'}}
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}} . }
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.
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).
hey there, the same problem happened with me and i fixed it by replacing {{ HOME.TITLE | translate }} with {{ 'HOME.TITLE' | translate }}..hope this helps
![Top 10 RxJs Operators in Angular [Angular Series]](/img/n.gif)
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!
Thank you, it's a great tutorial. Seriously helped me a lot.
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.
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)
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
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
Searching for the same thing... no answers found yet. Anyone?
@@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.
Thank you, very informative and clear demonstration :)
Thanks a lot!!!
very nice one,have one doubt-in assest folder is it mandatory to name as i18N?
can you please make a vedio ngxtranslate for lazy loading ! I cant make it work for me
Very nice! I have a question. How can I set the date and time format based on the user's locale?
Thanks for this tutorial
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
Ok next time. I am getting this feedback from many. Thanks again!
Excellent ,it worked for me.thank you so much.
How i can apply this pip filter in all the pages of my project?
Thanks a lot , this is very helpful
Good one. Thanks!
which one is better for internationalization either ngx-translate or using xlf in the project ?
@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?
how to get lang from only one json file ?
Any recommendation on how to split language files by module ?
Great video do you have any videos on RTL
Great tutorial. Thank you very much!
Great video. thanks
Nice I already like!
Thanks!
Very good tutorial. Thank you!
thank u very much sir
Amazing content! thanks for this tutorial
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'}}
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.
awesome thanks for the tutorial
Glad you liked it!
What do you think is best ngx-translate or i18?
Ngx-translate have more options and also plugin options
thank you so much
works just fine. THANKS.
do you have this sample code in some publicly available repository?
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}} . }
I liked your video just one quick question - how to make the content dynamic instead static in JSON files
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.
Excellent tutorial
Thank you, sir!
Pretty cool and simple tutorial. Thankyou very much.
cannot connect json file with html
any idea?
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).
Very simple way, Thank you so much!
Thanks a lot!
How to translate dynamic data from API?
How to do rtl and ltr and switch components for left to right? Thanks for this awesome video 👍
Amazing tutorial, Thank you for this video 🌹
How to do after the reload page, your language not no go to default, but stay which you put ?
Hi man, have you found a solution for that ?
You can use localstorage to store the language preference.
Thank you very much !!
Hey B.T. , this dark theme from VisualCode is hard to see in tutorial. Thanks for video!
Hi Sure I will change the theme
thanks :)
Thanks a million :)
this video is not clear about the code
can you share code for it?
Why are you using http loader if you don't even utilize it.
Translatehttploader being used by ngx translate to load the JSON files it's used in the code.
The background sounds are scary.. I thought you were sitting somewhere between zombies 😄
I think this background only to keep focusing on the part is being explained
where do you specify path to pull json files under assets\i18n? I get 404 error for assets/i18n/es.json
hey there, the same problem happened with me and i fixed it by replacing {{ HOME.TITLE | translate }} with {{ 'HOME.TITLE' | translate }}..hope this helps
By default it should look in the assets folder.
thnks
Thanks man!
Thanks for help me...
But, in my case worked only using [innerHTML]="'home.title' | translate", but work hahaha
Thanks
Thanks a lot :)
github repo please, thanks!
18:35
Very poor visibility...
Assuming you are watching from the phone?
@@upcom1ng116 yes
Thank you for this nice tutorial!
Thank you very much
Thank you! Very nice tutorial!