angular/aio/content/guide/i18n-example.md
Ward Bell f6ccb163aa docs: Migrate i18n guide pages and code to Standalone (#51589)
E2E tests passed locally

**Added `readme.md` to the example code**

This explains how to build and run the example for both English and French.

**Archived `i18n-optional-manual-runtime-locale.md`**

I was asked to cut out a substantial swath of this page by reviewer "zip-fa". All that remained was a brief paragraph.  I removed the page from the navigation after copying the remaining text to `i18n-optional-import-global-variants.md`. The page is still reachable by 3rd party links.

PR Close #51589
2023-09-12 12:20:45 -07:00

32 lines
1.1 KiB
Markdown

# Example Angular Internationalization application
## Explore the translated example application
<div class="alert is-helpful">
To explore the sample application with French translations used in the [Angular Internationalization][AioGuideI18nOverview] guide, see <live-example name="i18n" title="live example"></live-example>.
To learn how to run the sample app in English or French, see its `readme.md`.
</div>
## `fr-CA` and `en-US` example
The following tabs display the example application and the associated translation files.
<code-tabs>
<code-pane header="src/app/app.component.html" path="i18n/src/app/app.component.html"></code-pane>
<code-pane header="src/app/app.component.ts" path="i18n/src/app/app.component.ts"></code-pane>
<code-pane header="src/main.ts" path="i18n/doc-files/main.1.ts"></code-pane>
<code-pane header="src/locale/messages.fr.xlf" path="i18n/doc-files/messages.fr.xlf.html"></code-pane>
</code-tabs>
<!-- links -->
[AioGuideI18nOverview]: guide/i18n-overview "Angular Internationalization | Angular"
<!-- external links -->
<!-- end links -->
@reviewed 2023-09-05