docs: use self-closing component tags and perform minor cleanup

[SkyZeroZx]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/angular/angular/blob/main/contributing-docs/commit-message-guidelines.md
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• angular.dev application / infrastructure changes
• Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• Yes
• No

Other information

[JeanMeche]

If we do this change we'll want to update the instructions in adev/src/content/tutorials/first-app/steps/10-routing/README.md

[SkyZeroZx]

You're right, I was wondering if replacing the tutorial or adding a note like this would be better?

What do you think?

Note: Importing RouterModule provides all the router directives including RouterOutlet, RouterLink and RouterLinkActive.

[JeanMeche]

I think we'll want to be explicit on the imports. The less we talk about ngModules the better.

[SkyZeroZx]

Updated, I also updated the syntax highlighting so that the provided examples are easier to read.

[ngbot]

I see that you just added the action: merge label, but the following checks are still failing:
     conflicts with base branch "main"
     status "pullapprove" is pending
     1 pending code review

If you want your PR to be merged, it has to pass all the CI checks.

If you can't get the PR to a green state due to flakes or broken main, please try rebasing to main and/or restarting the CI job. If that fails and you believe that the issue is not due to your change, please contact the caretaker and ask for help.

[JeanMeche]

Looks like we need a rebase.

[thePunderWoman]

@SkyZeroZx looks like this has files out of format.

[SkyZeroZx]

@SkyZeroZx looks like this has files out of format.

Updated

[thePunderWoman]

This PR was merged into the repository. The changes were merged into the following branches:

• main: 4544135
• 20.3.x: 1c4fb90
• 21.0.x: 4d8b976