Magic Translate vs. Angular i18n
Les applications Angular sont généralement traduites à l'aide de l'un des trois outils suivants : i18n intégré à Angular, ngx-translate ou Transloco. Les trois ont besoin de traductions dans chaque langue avant de publier ton application. Magic Translate traduit directement le texte de tes modèles, sans fichiers de traduction.
En un coup d'œil
| Magic Translate | Angular i18 | ngx-translate et Transloco | |
|---|---|---|---|
| Comment tu écris le texte | Tes propres mots, en <t> ou t pipe | Tes propres mots, marqués d'un i18n | Une clé pour chaque message |
| Traductions | Traduction par IA, créée automatiquement | Extrait des fichiers XLIFF et traduit par toi | Des fichiers JSON par langue, écrits par toi |
| Changer de langue | Au moment de l'exécution | Un build par langue | Au moment de l'exécution |
| Rendu sur serveur | Oui, traduit au moment de la construction avec un pré-rendu | Oui | Oui, avec une configuration supplémentaire |
| Prix | Forfait gratuit, puis forfaits mensuels en fonction de l'utilisation | Gratuit, dans le cadre de Angular | Open source et gratuit |
En quoi le code diffère-t-il
Avec le i18n intégré à Angular, tu marques le texte, tu l'extrais et tu traduis le fichier extrait dans toutes les langues :
<h2 i18n>Your shopping cart</h2>
ng extract-i18n# then translate messages.xlf into messages.de.xlf, messages.fr.xlf, …# and build the app once per language
Avec ngx-translate ou Transloco, chaque message possède une clé et ses traductions sont disponibles en direct dans des fichiers JSON :
<!-- ngx-translate --><h2>{{ 'cart.title' | translate }}</h2><!-- Transloco --><h2>{{ 'cart.title' | transloco }}</h2>
Avec Magic Translate, tu écris le texte et tu lances ton application :
<h2><t>Your shopping cart</t></h2><input [placeholder]="'Search products' | t" />
Quand choisir Magic Translate
- Tu veux ton application Angular dans de nombreuses langues sans extraire, traduire et charger de fichiers.
- Tu veux que les utilisateurs changent de langue sans recharger l'application ni la créer une fois par langue.
- Ton texte change souvent et tu veux que chaque langue soit à jour.
Quand choisir Angular i18n, ngx-translate ou Transloco
- Tout le texte doit être traduit ou révisé par une personne.
- Tu dois contrôler exactement les pluriels et la formulation dans chaque langue.
- Tu veux une solution gratuite sans service externe.
Passer à Magic Translate
Tu peux changer de composant à la fois. Remplace la clé ou l'attribut i18n par le texte anglais en <t>, ou utilise le t pipe pour les attributs. Le guide Angular montre la configuration.
Prête à l'essayer ? Suis le guide de démarrage pour traduire ton premier composant en cinq minutes.