Magic Translate vs. Angular i18n
Le app Angular vengono generalmente tradotte con uno dei tre strumenti: i18n integrato di Angular, ngx-translate o Transloco. Tutti e tre richiedono traduzioni per ogni lingua prima di rilasciare la tua app. Magic Translate traduce direttamente il testo nei tuoi modelli, senza file di traduzione.
A colpo d'occhio
| Magic Translate | Angular i18n | ngx-translate e Transloco | |
|---|---|---|---|
| Come scrivi un testo | Parole tue, con <t> o t pipe | Parole tue, contrassegnate con i18n | Una chiave per ogni messaggio |
| Traduzioni | traduzione AI, creata automaticamente | Estratto nei file XLIFF e tradotto da te | File JSON per lingua, scritti da te |
| Cambiare lingua | In fase di esecuzione | Una build per lingua | In fase di esecuzione |
| Rendering del server | Sì, tradotto in fase di compilazione con prerendering | Sì | Sì, con una configurazione aggiuntiva |
| Prezzo | Piano gratuito, poi piani mensili in base all'utilizzo | Gratuito, parte di Angular | Open source e gratuito |
In che modo il codice è diverso
Con l'i18n integrato di Angular, contrassegni il testo, lo estrai e traduci il file estratto per ogni lingua:
<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
Con ngx-translate o Transloco, ogni messaggio ha una chiave e le sue traduzioni sono disponibili in file JSON:
<!-- ngx-translate --><h2>{{ 'cart.title' | translate }}</h2><!-- Transloco --><h2>{{ 'cart.title' | transloco }}</h2>
Con Magic Translate, scrivi il testo e rilascia la tua app:
<h2><t>Your shopping cart</t></h2><input [placeholder]="'Search products' | t" />
Quando scegliere Magic Translate
- Vuoi la tua app Angular in molte lingue senza estrarre, tradurre e caricare file.
- Vuoi che gli utenti cambino lingua senza ricaricare l'app o crearla una volta per lingua.
- Il tuo testo cambia spesso e desideri che tutte le lingue rimangano aggiornate.
Quando scegliere Angular i18n, ngx-translate o Transloco
- Tutto il testo deve essere tradotto o revisionato da una persona.
- Hai bisogno di un controllo preciso sui plurali e sulla formulazione in ogni lingua.
- Vuoi una soluzione gratuita senza servizi esterni.
Passare a Magic Translate
Puoi cambiare un componente alla volta. Sostituisci la chiave o l'attributo i18n con il testo inglese in <t> o usa t pipe per gli attributi. La guida Angular mostra la configurazione.
Pronto a provarlo? Segui la guida introduttiva per tradurre il tuo primo componente in cinque minuti.