Udtræk og oversættelse af meddelelser
Generér og udfyld oversættelsesfiler.
Udtræk og oversættelse af meddelelser er en gratis Angular Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Angular Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Angular Academy-kurset indeholder 4 lektioner i alt.
Fra markeret tekst til oversættelsesfiler
Når tekst er markeret med i18n, kan Angular samle alle meddelelser i en oversættelseskildefil. Oversættere udfylder hvert målsprog, og bygget fletter derefter oversættelserne ind igen. Denne lektion handler om udtræk og filformatet.
Kørsel af ng extract-i18n
CLI-kommandoen ng extract-i18n gennemgår din app for markerede meddelelser og skriver en oversættelseskildefil (som standard messages.xlf).
ng extract-i18n
# generates messages.xlf in the project rootValg af outputformat og sti
Du kan vælge format og destination. XLIFF (xlf) er standardformatet; XLIFF 2 og JSON-baserede arb understøttes også.
ng extract-i18n --format=xlf2 --output-path=src/localeOpbygningen af en XLF-fil
Hver markeret meddelelse bliver til en trans-unit med en source (din oprindelige tekst) og en tom target, som oversætteren udfylder.
<trans-unit id="homeTitle" datatype="html">
<source>Welcome to our store</source>
<target></target>
</trans-unit>Oprettelse af filer pr. lokalitet
Kopiér messages.xlf til én fil pr. mållokalitet, navngiv filen efter lokalitetskoden, og oversæt derefter målene.
src/locale/messages.xlf # source
src/locale/messages.fr.xlf # French
src/locale/messages.es.xlf # SpanishUdfyldning af oversættelser
Oversætteren erstatter hver tom target med den lokaliserede tekst og bevarer det samme id, så Angular ved, hvilken kilde den hører sammen med.
<trans-unit id="homeTitle">
<source>Welcome to our store</source>
<target>Bienvenue dans notre boutique</target>
</trans-unit>Pladsholdere skal bevares
Interpolationer vises som pladsholdertags med <x>. Oversættere skal bevare dem, men må gerne ændre deres rækkefølge, så den passer til grammatikken på målsproget.
<source>Hello, <x id="INTERPOLATION" equiv-text="{{name}}"/>!</source>
<target>Bonjour, <x id="INTERPOLATION"/> !</target>Nyt udtræk efter ændringer
Når du tilføjer eller ændrer markeret tekst, skal du køre ng extract-i18n igen. Tilpassede @@-id'er bevarer eksisterende oversættelser; automatisk genererede id'er kan ændre sig og kræve en ny oversættelse.
Konfiguration af lokaliteter i angular.json
Registrér hver lokalitet og dens oversættelsesfil under projektets i18n-konfiguration, så bygget ved, hvor filerne skal findes.
"i18n": {
"sourceLocale": "en",
"locales": {
"fr": "src/locale/messages.fr.xlf",
"es": "src/locale/messages.es.xlf"
}
}Håndtering af manglende oversættelser
Du kan angive, hvordan bygget skal behandle meddelelser uden oversættelse: error får bygget til at fejle, warning logger en advarsel og bruger kildeteksten, mens ignore forbliver tavs. Brug error i CI for at opdage mangler.
"options": { "i18nMissingTranslation": "error" }Arbejde med oversættelsesværktøjer
XLIFF er en branchestandard, så professionelle oversættelsesplatforme og værktøjer som Crowdin eller Lokalise kan importere den udtrukne fil og eksportere de færdige oversættelser tilbage i samme format.
Hurtigt tjek
Hvad producerer ng extract-i18n?
Opsummering
Kør ng extract-i18n for at samle markeret tekst i en XLIFF-kildefil med trans-unit-elementer. Kopiér den for hver lokalitet, udfyld target-elementerne og bevar pladsholderne, registrér lokaliteterne i angular.json, og indstil i18nMissingTranslation for at opdage mangler. Stabile @@-id'er beskytter oversættelser ved redigeringer.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 38
- Lektioner
- 144
Ofte stillede spørgsmål
Er lektionen “Udtræk og oversættelse af meddelelser” gratis?
Ja — alle 3 lektioner i læringssporet Angular Academy, inklusive “Udtræk og oversættelse af meddelelser”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Angular Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Udtræk og oversættelse af meddelelser”?
Generér og udfyld oversættelsesfiler. Du øver dig i Angular Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Angular Academy?
Der kræves ingen tidligere erfaring. Angular Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.
Hvor lang tid tager lektionen “Udtræk og oversættelse af meddelelser”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Angular Academy-lektion?
Ja. Alle Angular Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Markering af tekst til oversættelse
- Udtræk og oversættelse af meddelelser
- Flertalsformer og Select (ICU)
- Opbygning af lokaliserede bundles