iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: fix incorrect point in universal-in-action (#42262) 

Previously it was mentioned that "Clicking a hero on the Heroes page does nothing.", this is not correct however since this link is implemented using `routerLink`.

Closes #41363

PR Close #42262
This commit is contained in:
Alan Agius 2021-05-24 08:31:02 +02:00 committed by Zach Arend
parent 3293dd34ca
commit d7a1da9d4f
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
aio/content/guide/universal.md
View File

@ -10,7 +10,7 @@ layout before it becomes fully interactive.
For a more detailed look at different techniques and concepts surrounding SSR, please check out this For a more detailed look at different techniques and concepts surrounding SSR, please check out this
[article](https://developers.google.com/web/updates/2019/02/rendering-on-the-web). [article](https://developers.google.com/web/updates/2019/02/rendering-on-the-web).
You can easily prepare an app for server-side rendering using the [Angular CLI](guide/glossary#cli). You can easily prepare an application for server-side rendering using the [Angular CLI](guide/glossary#cli).
The CLI schematic `@nguniversal/express-engine` performs the required steps, as described below. The CLI schematic `@nguniversal/express-engine` performs the required steps, as described below.
<div class="alert is-helpful"> <div class="alert is-helpful">
@ -29,7 +29,7 @@ In this example, the Angular CLI compiles and bundles the Universal version of t
[Ahead-of-Time (AOT) compiler](guide/aot-compiler). [Ahead-of-Time (AOT) compiler](guide/aot-compiler).
A Node.js Express web server compiles HTML pages with Universal based on client requests. A Node.js Express web server compiles HTML pages with Universal based on client requests.
To create the server-side app module, `app.server.module.ts`, run the following CLI command. To create the server-side application module, `app.server.module.ts`, run the following CLI command.
<code-example language="bash"> <code-example language="bash">
@ -73,7 +73,6 @@ You can click a hero on the Dashboard page to display its Details page.
If you throttle your network speed so that the client-side scripts take longer to download (instructions below), If you throttle your network speed so that the client-side scripts take longer to download (instructions below),
you'll notice: you'll notice:
* Clicking a hero on the Heroes page does nothing.
* You can't add or delete a hero. * You can't add or delete a hero.
* The search box on the Dashboard page is ignored. * The search box on the Dashboard page is ignored.
* The *Back* and *Save* buttons on the Details page don't work. * The *Back* and *Save* buttons on the Details page don't work.
@ -92,7 +91,7 @@ You can simulate a slower network to see the transition more clearly as follows:
dropdown on the far right of the menu bar. dropdown on the far right of the menu bar.
1. Try one of the "3G" speeds. 1. Try one of the "3G" speeds.
The server-rendered app still launches quickly but the full client app may take seconds to load. The server-rendered application still launches quickly but the full client app may take seconds to load.
{@a why-do-it} {@a why-do-it}
## Why use server-side rendering? ## Why use server-side rendering?