![]() ngx-translate-multi-http-loader by Fetch multiple translation files with ngx-translate.ngx-translate-zombies by A vscode extension that finds unused translation keys and shows them in a diff view (so called zombies).MessageFormat Compiler by Compiler for ngx-translate that uses messageformat.js to compile translations using ICU syntax for handling pluralization, gender, and more.ngx-translate-extract by Extract translatable strings from your projects.If you need localized urls (for example /fr/page and /en/page). Localize Router by An implementation of routes localization for Angular.If it's not an option for you, then check the changelog to know which version is the last compatible version for you. Often it is because Angular had a breaking changes. There is always a reason when I upgrade the minimum dependencies of the library. If you're using an old version of Angular and ngx-translate requires a newer version then you should consider upgrading your application to use the newer angular 2 version. If you're already on npm 3, check if it's an error ( npm ERR!) or a warning ( npm WARN!), warning are just informative and if everything works then don't worry ! With npm 2 you could only use fixed versions, but with npm 3 you can use ^ to use a newer version if available. If you're using npm 2.x, upgrade to npm 3.x, because npm 2 doesn't handle peer dependencies well. If you're importing directly from node_modules, you should edit your systemjs config file and add in the map and :, 'key1.keyA') => 'valueI'įAQ I'm getting an error npm ERR! peerinvalid Peer If you use SystemJS to load your files, you can check the plunkr example for a working setup that uses the cdn. I hope you enjoyed reading this short tool introduction.Choose the version corresponding to your Angular version: to 9.x Hit it and start translating much faster! If you didn't download BabelEdit it now here is the link again: BabelEdit Download If you open the context Menu at an ID you have several other options to copy - it depends on which one you prefer for your workflow.ĭon't forget to hit Save or Ctrl + s which will save the BabelEdit-File and update your translation files. This means you can hit Ctrl + C to copy the path you will need in your framework to use this translation. When your hit Tab at the last language you jump back to the translation ID Tree and your currently edited ID keeps selected. ![]() This is such an awesome feature for me! It supports Google, Microsoft and DeepL Translations - just awesome. Sure you can now type in the other language manually but if you don't know the translation just hit Ctrl + 1 and the machine translation will autofill it for you! Do another Tab to jump to your next language. Hit Enter and Tab to jump into your selected main language and type the needed translation. Just hit "Add Id" and type in the translation ID: With BabelEdit it is done in under 10 seconds and I will not have any git merge troubles! Did you ever edit a big JSON-based translation file by hand? Maybe multiple times because you have support for multiple languages? It was a mess, error-prone and took just too much time! I'm doing all translations by myself, so my workflow doesn't contain any export/import steps.Īs I'm using the package ngx-translation for my translations in Angular I have to work with JSON files. On the next page you can select your translation files and a primary language: This website is estimated worth of 8.95 and have a daily income of around 0.15. I will continue with Angular + ngx-translate: When you open the program for the first time it will look like this:Īs you see it supports a lot of translation frameworks. Once you've decided which loader to use, you have to setup the TranslateModule to use it. Afterward, it will cost about 40$ which includes lifetime usage and a 1-year update supply which is a really fair price in my opinion. To use it, you need to install the http-loader package from ngx-translate: npm install ngx-translate/http-loader -save NB: if you're still on Angular <4.3, please use Http from angular/http with http-loader0.1.0. You can try BabelEdit for 7 days for free. (BabelEdit is available for Windows, macOS and Linux) There are a lot of tools out that should solve this issue but I always keep coming back to BabelEdit.įirst of all head over to the official Website for downloading and installing the most recent version: BabelEdit Download If you ever did a project which should support multiple languages you know the hassle of handling multiple language files.
0 Comments
Leave a Reply. |