How Make Multi-Language Angular Websites - Full Guidance On Angular Localization

In this video ,I Will show you How Make Multi-Language Angular Websites - Full Guidance On Angular Localization . Enjoy!
GitHub repository : github.com/chr...
commands used for package installation
---------------------------------------------------------------------
npm install @ngx-translate/core --save
npm install @ngx-translate/http-loader --save
Support The channel By
BUY ME COFFEE HERE:
/ hanomedia
Subscribe to my channel for more Videos like this : / @hanomedia
BE MY FRIEND:
💬 WhatsApp Us at [phone](Hano Media Support Team)
📸Add me on Instagram: / bishopmax96
ABOUT MY CHANNEL:
My channel is all about tech and computer related stuffs, we offers many video tutorials on how to install, programming, Networking, troubleshooting and other IT related stuffs
📧 you can contact me via my email : [e-mail] if you need any support from me.( After being my Patron, to be my Patron use this Patreon Link : / hanomedia

[@hanomedia]

*If you are using new angular 17 and you want to get back the app.module.ts file refer to this video*th-cam.com/video/Lkz3rYqck08/w-d-xo.html&ab_channel=HANOMEDIA

[@johnandrew721]

I followed this approach, then came back to your tutorial. The problem is that the translated element is being rendered, but the translated content in it is not. When I inspect, I see the element, but no content.

[@hanomedia]

Aren't you seeing errors in the console??

[@johnandrew721]

​@@hanomedia I figured out the cause. It seems Angular expects things such as images and the translation files to be stored in the public folder, not within the src folder. But I wish there was a tutorial for a standalone project and with the same implementation. I presume not everyone will feel OK recreating a whole project just to use the --standalone=false directive just because the translation failed to work in that environment. Moreover, things such as HttpClientModule have been deprecated, leaving room for the use of providers: [provideHttpClient()] within app.module.ts. From a beginner point of view, it has cost me about two days to figure out what works for v18.

[@HirwaAmbassadeur]

Been long time bruh❤

[@mabilisi]

Welcome back brother

[@HirwaAmbassadeur]

😂😂😂😂nawe se urahari ??

[@mabilisi]

@@HirwaAmbassadeur ahantu hose mba mpari brother mba ndeba ibibera ino, mwubu bwatsi

[@HirwaAmbassadeur]

@@mabilisi 🔥🔥🔥 kbs

[@afrorecording]

Helpful contents 😎

[@reducedcoding2563]

That is what we wait for ,I need more about angular too even Laravel ❤

[@hanomedia]

*Thanks brotherman*

[@reducedcoding2563]

@@hanomedia any time bro

[@victorbalan678]

This is easy to implement but keep in mind that this is gonna make your application bigger as it will load all the resources for all the languages at start time in browser and everything will be done in the browser. A nicer way is to use angular/localize library which is gonna buildyour application in different locales for each language that you support. it is fast, production ready and can be more reliable if you want to make an application be fast and localized also

[@hanomedia]

thanks for your suggestion, we will take a look into that to see if it worth it or not

[@isanoidasazakzd]

Well done

[@lovetalesbyag]

Informative

[@dingmarius]

How to translate text from api (normally like string config) in angular app?

[@manirakizapacifique2545]

Great 👍

[@manikantajupudi4129]

Thanks.

[@sherines9053]

Hi bro, when I tried to create dependency injection for translate service it throws an error NG0203, how to resolve it

[@hanomedia]

Can you send the full error description?

[@draveshsingh1]

How can i implement this in angular 17 when choosing standalone component

[@hanomedia]

There's a slight change but i will do a video about it

[@draveshsingh1]

@@hanomedia thanks ... eagerly waiting for that

[@red1io]

Angular 17 has no AppModule anymore, how can I implement this with NgModule?

[@hanomedia]

You can use standalone component

[@hanomedia]

Or create a new project with modules, it's still supported

[@hanomedia]

*If you are using new angular 17 and you want to get back the app.module.ts file refer to this video*th-cam.com/video/Lkz3rYqck08/w-d-xo.html&ab_channel=HANOMEDIA

[@red1io]

@@hanomedia
how to use it with standalone component? because the import in AppComponent is read only

[@hanomedia]

i will make the updated version

[@SalvatoreMarino-t9r]

Hi, i would like to do the same with mat-menu, how do I do that?

[@hanomedia]

With angular material steps are the same you need to make changes on your components

[@KEntertainment55]

can you provide same video in angular 17 standalone , please

[@hanomedia]

I will

[@kinggiddy250]

Can you plz do it using PHP?

[@hanomedia]

In laravel for sure

[@dusabeangebenie3922]

❤❤❤

[@nigoote-fx5bh]

likee!

[@GunjanBhanarkar]

can you do the same using the official angular i18n instead of ngx-translate, @angular/localize

[@hanomedia]

will do soon

[@GunjanBhanarkar]

@@hanomedia can I get an ETA, my manager is asking the same..

[@hanomedia]

@@GunjanBhanarkar In one week

[@GunjanBhanarkar]

@@hanomedia if possible please also add how to do this for ssr pages, more than 2 language and also multiple modules/html files

[@Didiermucyoofficial]

Bro can i have your number so that we can text each other

[@hanomedia]

*[phone]*