Why not use Angular's built-in i18n with @angular/localize?

You can, and it suits teams that want translations compiled into the app. That workflow asks you to mark text with the i18n attribute, run ng extract-i18n, send the extracted files (XLIFF, for example) to translators, then build a separate copy of the app for each locale, usually deployed to its own subdirectory. ConveyThis removes those steps: you keep one build, translation is applied to what the app renders, and new strings are picked up after you deploy. The trade-off: translations live in your ConveyThis account instead of your repository.

In an Angular CLI project, which file needs the script?

Open src/index.html and paste the snippet from your ConveyThis dashboard inside , right before . Because the CLI injects its own script and style tags during the build, this is normally the only tag you maintain in that file. Run your production build, deploy it, and the language menu shows up at the bottom right of the page. The Angular setup guide covers the dashboard side.

Are route changes and lazy-loaded components translated?

Yes. The Angular router moves between views by updating the address through the History API instead of reloading, and ConveyThis listens for exactly those updates, hash-style URLs included. It also watches the DOM, so anything that renders later, such as a lazily loaded route, a dialog or a table filled by an HTTP request, is translated once its text reaches the page.

How do I keep user data or code samples from being translated?

Put the conveythis-no-translate class on the element, for instance a that displays a customer name through interpolation, and it is left exactly as rendered. You can also list element IDs or classes under Content Customization in your dashboard, exclude whole routes with URL rules, or pin brand and product names in the glossary. See exclusions and glossary.

Can each language of my Angular app have its own URL?

Yes, on the Business plan or higher. Sub-domains are the easier option for an Angular app: create one CNAME entry per language code (fr, de and so on) and your production server goes on serving the same build. A /fr/-style sub-directory works as well, but then the domain's A record targets ConveyThis and every request is routed through it. Both options come with hreflang tags, and the URL structure guide lists the DNS records.

Angular Integration

Laden Sie unser hoch bewertetes Framework-Übersetzungs-Plugin Angular herunter

Loslegen

Keine Kreditkarte erforderlich

Tour machen

Ohne Verpflichtung

Alle Integrationen anzeigen

Translation Quality with Human Precision illustration

Angular Übersetzungs-Plugin Funktionen

Inhaltserkennung
Übersetzungsspeicher
Visuelle Bearbeitung
Export und Import
Ausschlüsse

Wie ConveyThis auf Angular funktioniert

Die CLI Angular fügt Ihre kompilierten Bundles ein in src/index.html für sich allein, daher ist das Skript ConveyThis das einzige Tag, das Sie dort manuell hinzufügen. Nach Ihrem nächsten Produktionsaufbau und Ihrer nächsten Bereitstellung übersetzt das Widget die gerenderten Komponentenansichten im Browser jedes Besuchers und deckt Text ab, der nach einer Router-Navigation oder beim Öffnen einer Lazy-Loaded-Funktion angezeigt wird.

Ihre Vorlagen bleiben so wie sie sind: nein i18n Attribute zum Hinzufügen, keine XLIFF-Dateien zum Extrahieren, kein zusätzlicher Build für jedes Gebietsschema. Übersetzer bearbeiten im ConveyThis-Dashboard, während Entwickler weiterhin ein einzelnes Paket ausliefern. Wenn Sie Sprachadressen wünschen, die Suchmaschinen indizieren können, wählen Sie Subdomänen wie fr.example.com auf dem Businessplan oder höher.

Erhalten begann in wenigen Minuten

Sofortige Angular-Integration

Schnelle Installation in 5 Minuten oder weniger! Keine komplexe Konfiguration erforderlich. Fügen Sie Ihrer Angular-Anwendung mühelos mehrsprachige Funktionen hinzu. Wählen Sie aus 200+ übersetzten Sprachen und erhalten Sie nahtlos integrierte Übersetzungsfunktionen mit 100% Angular-Kompatibilität.

Vollständige Anwendungsübersetzung

Ändern Sie Ihren Entwicklungsworkflow nicht! ConveyThis erreicht 100 % Kompatibilität mit Angular als ultimative Übersetzungslösung und stellt sicher, dass alle Ihre Anwendungsinhalte übersetzt werden. Abbau von Sprachbarrieren und Erreichen Sie ein vielfältiges globales Publikum mit robusten Übersetzungsfunktionen, die die Zugänglichkeit und das Engagement für internationale Benutzer verbessern.

Gehen Sie zur Einrichtungsanleitung

Erreichen Besucher auf der ganzen Welt

Angular SEO-Automatisierung für globale Märkte

Steigern Sie das internationale Suchranking Ihrer Angular-App mit der automatisierten SEO-Implementierung von ConveyThis. Erhalten Sie sofortige hreflang-Tags, sprachspezifische Unterverzeichnisse/Subdomänen und serverseitige Übersetzungen, die Google-Bots direkt indizieren können. Verwandeln Sie jeden Kundenkontaktpunkt —von Formularen bis zu Popups— in mehrsprachige Konvertierungsmöglichkeiten und behalten Sie gleichzeitig perfekte technische SEO-Standards für maximale globale Sichtbarkeit bei.

Werden Sie global mit uns

Liefern professionelle Übersetzungen

KI-gestützte Übersetzungspräzision für Angular Apps

Erzielen Sie einwandfreie mehrsprachige Erlebnisse in 200+ Sprachen mit dem intelligenten Übersetzungssystem von ConveyThis. Unsere KI erkennt und übersetzt sofort 100 % Ihrer Angular-Komponenten —Menüs, Widgets, dynamische Inhalte und Themenelemente— und gibt Ihnen gleichzeitig die vollständige redaktionelle Kontrolle. Verwenden Sie Live-Vorschaubearbeitung, Export-/Import-Workflows und intelligente Übersetzungsregeln, um sicherzustellen, dass jedes Wort Ihre Marke in jeder Sprache perfekt repräsentiert.

Übersetzung mit Qualität

Nehmen Volle Kontrolle über Ihre Übersetzungen

Intelligentes Übersetzungsmanagement für Angular Teams

Optimieren Sie Ihren Lokalisierungs-Workflow Angular mit dem Autopilot-Übersetzungssystem ConveyThis. Scannen und übersetzen Sie automatisch Ihre gesamte Anwendung und behalten Sie gleichzeitig die detaillierte Kontrolle darüber, was lokalisiert wird. Arbeiten Sie nahtlos mit Ihrem Team zusammen, indem Sie die Vorschau live bearbeiten, sofort veröffentlichen und selektiv Seiten ausschließen. Perfekt für Teams, die Präzision ohne manuellen Aufwand benötigen.

Autopilot-Übersetzung

Verbinden mit einem globalen Publikum authentisch

Full-Stack Angular Lokalisierung jenseits der Übersetzung

Schaffen Sie wirklich lokalisierte Angular-Erlebnisse, die bei einem globalen Publikum Anklang finden. ConveyThis ersetzt automatisch Bilder und Mediendateien, übersetzt alle Konvertierungselemente und erstellt intuitive mehrsprachige URL-Strukturen. Erstellen Sie nahtlose Benutzerreisen mit anpassbaren lokalisierten Schnittstellen, die internationale Besucher mühelos durch Ihre Anwendung führen—alles verwaltet von einem leistungsstarken Dashboard aus.

Beginnen Sie JETZT mit der Lokalisierung

Einfach Verwalten Sie Ihre Übersetzungen

Loslegen in Minuten

Schnelle Installation – wählen Sie Ihre Sprachen aus und schon kann es innerhalb von 5 Minuten oder weniger losgehen! Keine komplexe Angular-Konfiguration erforderlich, wählen Sie aus 200+ übersetzten Sprachen. ConveyThis erreicht stolz 100% Kompatibilität als ultimative Angular Plugin Translation-Lösung mit nahtloser Integration.

Perfekt für Angular Entwickler

ConveyThis erweist sich als optimale Wahl für die Angular-Plugin-Übersetzung und bietet umfassende mehrsprachige Funktionen. Mit entwicklerfreundlicher Integration und robusten Übersetzungsfunktionen überwinden Sie mühelos Sprachbarrieren und stellen sicher, dass Ihre Angular-Anwendungen Inhalte liefern, die bei einem vielfältigen globalen Publikum Anklang finden.

Übersetzen Sie auf der ganzen Welt

Erweitern Sie die globale Wirkung Ihrer Angular-basierten Anwendung mit ConveyThis. Abbaut nahtlos Sprachbarrieren und stellt sicher, dass Ihre Anwendungsinhalte für ein vielfältiges internationales Publikum zugänglich und ansprechend sind. Erweitern Sie Ihren digitalen Fußabdruck und verbinden Sie sich mit einer weltweiten Benutzerbasis.

Warum Sie ConveyThis für Angular wählen sollten

Ein Dashboard

Verwalten Sie Zeichenfolgen, Medien, SEO und App-Inhalte in einem Arbeitsbereich.

Glossar & Regeln

Sperren Sie Markenbegriffe und Produktnamen, um die Konsistenz der Übersetzungen zu gewährleisten.

Mehrsprachiges SEO

Automatisches hreflang, lokalisierte Metadaten und saubere sprachspezifische URLs.

Visueller Editor

Im Kontext übersetzen — direkt auf der Seite bearbeiten und pro Gebietsschema eine Vorschau anzeigen.

Maschinelle Übersetzung

Beginnen Sie schnell mit maschinellen Übersetzungen und verfeinern Sie sie mit Markenregeln und Erinnerungen.

Mehrsprachige Standortstruktur

Bedienen Sie Orte in SEO-freundlichen Unterverzeichnissen/Subdomänen mit einem zugänglichen Umschalter.

Automatische Besucherumleitung

Leiten Sie Besucher optional zu ihrer Browsersprache weiter, um den Absprung zu reduzieren.

Vollständige Liste anzeigen

Lernen So fangen Sie an

Finden Sie heraus, wie Sie Ihre Website mehrsprachig machen und ihr Wachstum beobachten können!

Integrieren Sie ConveyThis in Ihre Angular-Anwendung, indem Sie diese einfachen Schritte befolgen:

Erstellen Sie ein ConveyThis-Konto

Erstellen Sie ein ConveyThis-Konto, bestätigen Sie Ihre E-Mail-Adresse und greifen Sie auf das Dashboard Ihres Kontos zu.

Fügen Sie Ihre Domain hinzu

Navigieren Sie in Ihrem Dashboard im oberen Menü zu «Domänen», klicken Sie auf „Domäne hinzufügen“ und dann auf „Einstellungen“.

Sprachen konfigurieren

Jetzt sind Sie auf der Hauptkonfigurationsseite. Wählen Sie Quell - und Zielsprache (en) für Ihre Website aus. Klicken Sie auf „Konfiguration speichern“.

Kopieren Sie den Code JavaScript

Scrollen Sie nach unten und kopieren Sie den Code JavaScript aus dem Feld unten. Dieser Code enthält Ihren eindeutigen API-Schlüssel für die Integration.

Code in Angular einfügen

Fügen Sie ConveyThis Codeausschnitt in Ihr index.html oder Layoutdateien <head> Tags direkt davor </head>. Siehe ausführliche Anleitung.

Anpassen und optimieren

Optimieren Sie Ihre Übersetzungen über das Dashboard ConveyThis, richten Sie ein Glossar Regeln für eine konsistente Terminologie und konfigurieren Erweiterte Funktionen für ein optimales Benutzererlebnis.

Angular App-Übersetzung: häufige Fragen

Warum nicht das integrierte i18n von Angular mit @angular/localize verwenden?

Das ist möglich und eignet sich für Teams, die Übersetzungen in die App kompilieren möchten. Dieser Workflow fordert Sie auf, Text mit dem i18n Attribut, ausführen ng extract-i18n, senden Sie die extrahierten Dateien (z. B. XLIFF) an Übersetzer und erstellen Sie dann für jedes Gebietsschema eine separate Kopie der App, die normalerweise in einem eigenen Unterverzeichnis bereitgestellt wird. ConveyThis entfernt diese Schritte: Sie behalten einen Build bei, die Übersetzung wird auf das angewendet, was die App rendert, und neue Zeichenfolgen werden nach der Bereitstellung übernommen. Der Kompromiss: Übersetzungen befinden sich in Ihrem ConveyThis-Konto und nicht in Ihrem Repository.

Welche Datei benötigt in einem Angular CLI-Projekt das Skript?

Offen src/index.html und fügen Sie den Ausschnitt aus Ihrem ConveyThis-Dashboard darin ein <head>, kurz vorher </head>. Da die CLI während des Builds ihre eigenen Skript- und Stil-Tags einfügt, ist dies normalerweise das einzige Tag, das Sie in dieser Datei verwalten. Führen Sie Ihren Produktionsbuild aus, stellen Sie ihn bereit und das Sprachmenü wird unten rechts auf der Seite angezeigt. Die Angular Einrichtungsanleitung deckt die Armaturenbrettseite ab.

Werden Routenänderungen und Lazy-Loaded-Komponenten übersetzt?

Ja. Der Router Angular wechselt zwischen Ansichten, indem er die Adresse über die History-API aktualisiert, anstatt sie neu zu laden, und ConveyThis wartet auf genau diese Updates, einschließlich URLs im Hash-Stil. Es überwacht auch das DOM, sodass alles, was später gerendert wird, wie z. B. eine verzögert geladene Route, ein Dialog oder eine mit einer HTTP-Anfrage gefüllte Tabelle, übersetzt wird, sobald der Text die Seite erreicht.

Wie verhindere ich, dass Benutzerdaten oder Codebeispiele übersetzt werden?

Setzen Sie die conveythis-no-translate Klasse auf dem Element, zum Beispiel ein <span> Dadurch wird durch Interpolation ein Kundenname angezeigt, der genau so belassen wird, wie er gerendert wurde. Sie können in Ihrem Dashboard auch Element-IDs oder Klassen unter „Inhaltsanpassung“ auflisten, ganze Routen mit URL-Regeln ausschließen oder Marken- und Produktnamen im Glossar anheften. Sehen Ausschlüsse und Glossar.

Kann jede Sprache meiner Angular-App eine eigene URL haben?

Ja, im Businessplan oder höher. Subdomains sind die einfachere Option für eine Angular-App: Erstellen Sie einen CNAME-Eintrag pro Sprachcode (fr, de und so weiter) und Ihr Produktionsserver bedient weiterhin denselben Build. A /fr/Das Unterverzeichnis -style funktioniert ebenfalls, aber dann zielt der A-Datensatz der Domäne auf ConveyThis und jede Anfrage wird darüber weitergeleitet. Beide Optionen sind mit hreflang-Tags ausgestattet, und die Leitfaden zur URL-Struktur listet die DNS-Einträge auf.

Haben Sie eine andere Frage?

Kontaktieren Sie unser engagiertes Support-Team — wir sind hier, um zu helfen, in mehreren Sprachen

Kontaktieren Sie uns