Angular Academy · Les

Berichten extraheren en vertalen

Genereer en vul vertaalbestanden in

Les 2 van 413 stappen

Berichten extraheren en vertalen is een gratis Angular Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Angular Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Angular Academy bevat in totaal 4 lessen.

Van gemarkeerde tekst naar vertaalbestanden

Zodra tekst is gemarkeerd met i18n, kan Angular elk bericht verzamelen in een vertaalbronbestand. Vertalers vullen elke doeltaal in en tijdens het bouwen worden die vertalingen weer samengevoegd. In deze les behandelen we extractie en de bestandsindeling.

ng extract-i18n uitvoeren

De CLI-opdracht ng extract-i18n doorzoekt uw app naar gemarkeerde berichten en schrijft een vertaalbronbestand, standaard messages.xlf.

ng extract-i18n
# generates messages.xlf in the project root

Uitvoerindeling en pad kiezen

U kunt de indeling en bestemming kiezen. XLIFF (xlf) is de standaard; XLIFF 2 en het op JSON gebaseerde arb worden ook ondersteund.

ng extract-i18n --format=xlf2 --output-path=src/locale

De opbouw van een XLF-bestand

Elk gemarkeerd bericht wordt een trans-unit met een source, uw oorspronkelijke tekst, en een lege target die de vertaler invult.

<trans-unit id="homeTitle" datatype="html">
  <source>Welcome to our store</source>
  <target></target>
</trans-unit>

Bestanden per landinstelling maken

Kopieer messages.xlf naar één bestand per doellandinstelling, geef het de naam van de landinstellingscode en vertaal daarna de doelen.

src/locale/messages.xlf       # source
src/locale/messages.fr.xlf    # French
src/locale/messages.es.xlf    # Spanish

Vertalingen invullen

De vertaler vervangt elke lege target door de gelokaliseerde tekst en behoudt dezelfde id, zodat Angular weet bij welke bron deze hoort.

<trans-unit id="homeTitle">
  <source>Welcome to our store</source>
  <target>Bienvenue dans notre boutique</target>
</trans-unit>

Tijdelijke aanduidingen moeten behouden blijven

Interpolaties verschijnen als tijdelijke-aanduidingstags zoals <x>. Vertalers moeten deze behouden, maar mogen ze verplaatsen zodat ze bij de grammatica van de doeltaal passen.

<source>Hello, <x id="INTERPOLATION" equiv-text="{{name}}"/>!</source>
<target>Bonjour, <x id="INTERPOLATION"/> !</target>

Na wijzigingen opnieuw extraheren

Wanneer u gemarkeerde tekst toevoegt of wijzigt, voert u ng extract-i18n opnieuw uit. Aangepaste @@-ID's behouden bestaande vertalingen; automatisch gegenereerde ID's kunnen veranderen en moeten dan opnieuw worden vertaald.

Landinstellingen configureren in angular.json

Registreer elke landinstelling en het bijbehorende vertaalbestand onder de i18n-configuratie van het project, zodat de build weet waar deze bestanden staan.

"i18n": {
  "sourceLocale": "en",
  "locales": {
    "fr": "src/locale/messages.fr.xlf",
    "es": "src/locale/messages.es.xlf"
  }
}

Ontbrekende vertalingen verwerken

U kunt instellen hoe de build onvertaalde berichten behandelt: error laat de build mislukken, warning schrijft een logbericht en gebruikt de brontekst, en ignore blijft stil. Gebruik error in CI om ontbrekende vertalingen op te sporen.

"options": { "i18nMissingTranslation": "error" }

Werken met vertaalhulpmiddelen

XLIFF is een industriestandaard, dus professionele vertaalplatforms en hulpmiddelen zoals Crowdin of Lokalise kunnen het geëxtraheerde bestand importeren en voltooide vertalingen weer in dezelfde indeling exporteren.

Korte controle

Wat levert ng extract-i18n op?

Beantwoord dit in de interactieve les

Samenvatting

Voer ng extract-i18n uit om gemarkeerde tekst te verzamelen in een XLIFF-bronbestand met trans-units. Kopieer dit per landinstelling, vul de targets in en behoud de tijdelijke aanduidingen, registreer de landinstellingen in angular.json en stel i18nMissingTranslation in om ontbrekende vertalingen op te sporen. Stabiele @@-ID's beschermen vertalingen tegen wijzigingen.

Gratis beginnen

Leer HTML met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 38
Lessen: 144

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “Berichten extraheren en vertalen” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad Angular Academy, waaronder “Berichten extraheren en vertalen”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Angular Academy bevat in totaal 4 lessen.

Wat leer ik in “Berichten extraheren en vertalen”?

Genereer en vul vertaalbestanden in Je oefent met Angular Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Angular Academy te beginnen?

Ervaring vooraf is niet nodig. Angular Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.

Hoe lang duurt de les “Berichten extraheren en vertalen”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Angular Academy?

Ja. Elke les over Angular Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar Angular Academy