Multi Language support Application (Internationalization – i18n) using json files in Angular

preview_player
Показать описание
In this video, I talk about

1. different ways of implementing internationalization.

2. how to implement multi language support application in angular using json files.

3. how to select the default browser language.

4. how application is loading the language json based on selection of language.

5. where to specify the path to load language specific files.

6. installing @ngx-translate/core, @ngx-translate/http-loader, @beisbjerg/ngx-translate-extract

7. how to add missing text to json file using ngx-translate-extract package with NPM run command.

Prepared by: Ayyanar Jayabalan
  1. The Code Captain
  2. ayyanar jayabalan
  3. the code captain
  4. angular
  5. angular 9
  6. internationalization
Рекомендации по теме
Multi-Language Support in 0:14:13

Multi-Language Support in Angular: A Guide to Localization and Internationalization

Internationalization in NextJs 0:28:40

Internationalization in NextJs 14 with Next-Intl | i18n

Create Multi Language 0:03:05

Create Multi Language App | Internationalization & Localization In Flutter

Flutter - Support 0:13:58

Flutter - Support Multi Language / Internationalization

Multi Language support 0:23:38

Multi Language support Application (Internationalization – i18n) using json files in Angular

Internationalization & Multi-Language 0:21:43

Internationalization & Multi-Language Apps

C# - Multiple 0:02:12

C# - Multiple Languages Tutorial

Localization & Multi 0:01:48

Localization & Multi language support in Flutter | Internationalizing Flutter apps | IOS | Andro...

NextJS APP Router 0:21:48

NextJS APP Router | i18n Internationalization (i18next - next-intl) | Multiple languages (idioms)

Create Multi Language 0:03:01

Create Multi Language App | Internationalization & Localization In Flutter

How Make Multi-Language 0:24:14

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

Multi Language Support 0:16:26

Multi Language Support App In Flutter | Flutter Internationalization and Localization Tutorial

react-i18next in 8 0:08:16

react-i18next in 8 minutes

i18n in React 0:29:42

i18n in React & Node.js: The Ultimate Guide to Building Multilingual Applications

Flutter Localisation the 0:16:49

Flutter Localisation the Easy Way - Internationalisation | Support Multi Languages Feature

Flutter Internationalization and 0:17:46

Flutter Internationalization and Localization Tutorial | Create Multi Language Flutter Application

How to serve 0:05:11

How to serve an html page with content in multiple languages? internationalization and localization

How to Add 0:02:57

How to Add Multiple Languages to your Native App (Localization)

Internationalization and Localization 0:03:23

Internationalization and Localization in Flutter (i18n)

React multi-language tutorial 0:04:32

React multi-language tutorial

how to set 0:00:18

how to set languages in flutter

React Multi Language 0:30:01

React Multi Language App - i18next Tutorial with React JS

Flutter localization - 0:12:05

Flutter localization - Implement Multiple language in flutter app - Internationalization

Building Internationalization in 0:13:29

Building Internationalization in a Static NextJS Application Without External Libraries

Комментарии
Автор

nice simple explanation thank you 😊😊😊😊

shashankkulkarni
Автор

It's really helpful and straightforward, With in less time you covered one real time task. Thank you for your contribution.

muniprasadmuthyala
Автор

Great video I've tryed about 10 other videos that didn't work but your was just the one without problems

cedricschacht
Автор

thanks for this video. Concept is clear now.

Tanzeel
Автор

Nandri Bro, useful, should do this for all components ?

pradeep
Автор

Great tutorial and easy to follow. Thanks

joaocorreiafreitas
Автор

Nice, Short and straightforward. Clear explanation. Video quality is low, difficult to see. You could improve in that aspect.

priyankaingole
Автор

God dayum thank you soo much for the tutorial, soo much easier to follow and understand than the most, but I gotta say, in never versions of Angular (atleast in my case), I couldn't use @ngx-translate/http-loader, I instead used ngx-translate-multi-loader and that worked, . It's almost the same, minor difference but the point is that it works with it

TheAntox
Автор

thank you bro, nice tutorial bro i understood it very well bro thank you once again bro

pravinromano
Автор

Hey. Great video. How can I translate a string in component.ts?

cristovaolopesguarda
Автор

How to translate ts file string values?

saravanankrishnan
Автор

Hi everyone,
i have a problem with my angular i18n translation in production. it is not working.
can somebody please help me?
thanks a lot

michelborisdjifack
Автор

Everything was ok until 17:00. I don't know why I have an error with the select.

bernab