2021-10-05 15:54:06 +00:00
# Example Angular Internationalization application
2021-09-13 22:17:22 +00:00
2021-10-05 15:54:06 +00:00
## 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 > .
2023-08-30 22:11:02 +00:00
To learn how to run the sample app in English or French, see its `readme.md` .
2021-10-05 15:54:06 +00:00
< / div >
## `fr-CA` and `en-US` example
2021-09-13 22:17:22 +00:00
The following tabs display the example application and the associated translation files.
< code-tabs >
docs: improve markdown (#45325)
The purpose of the changes is to clean all markdown to match a single pedantic style.
* To ensure all changes in style are properly separated.
* To ensure all styled content aligns to nearest 4-character-tab.
* To ensure all code blocks use the Angular `<code-example>` or `<code-tab>` elements.
* To ensure all markdown exists outside of html tags.
* To ensure all images use the Angular style for `<img>` elements.
* To ensure that all smart punctuation is replaced or removed.
```text
’, ’, “, ”, –, —, …
```
* To ensure all content does not conflict with the following reserved characters.
```text
@, $, *, &, #, |, <, >,
```
* To ensure all content displays using html entities.
The following changes were made to files in the following directory.
```text
aio/content
```
The target files were markdown files.
The list of excluded files:
```text
.browserslistrc, .css, .conf, .editorconfig, .gitignore, .html, .js, .json, .sh, .svg, .ts, .txt, .xlf,
```
PR Close #45325
2022-03-10 16:48:09 +00:00
< 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 >
2021-09-13 22:17:22 +00:00
< / code-tabs >
<!-- links -->
2021-10-05 15:54:06 +00:00
[AioGuideI18nOverview]: guide/i18n-overview "Angular Internationalization | Angular"
2021-09-13 22:17:22 +00:00
<!-- external links -->
<!-- end links -->
2023-08-30 22:11:02 +00:00
@reviewed 2023-09-05
