angular/aio/content/guide/i18n-example.md
Joe Martin (Crowdstaffing) 42289f25c6 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-04-08 19:36:30 +00:00

31 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>.
</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/app/app.module.ts" path="i18n/src/app/app.module.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 2022-02-28