Repository navigation
documentation of router outlet #19443
Description
I'm submitting a...
[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report
[ ] Feature request
[x] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
Current behavior
This is from the current tutorial on routing as of August 27,2017 at this url https://angular.io/guide/router
Router outlet
Given this configuration, when the browser URL for this application becomes /heroes, the router matches that URL to the route path /heroes and displays the HeroListComponent after a RouterOutlet that you've placed in the host view's HTML.
content_copy
Expected behavior
What is a host view HTML?
In the plunker and download files, there are not very many html files.
I find a router-outlet in app.component.html but it is surrounded by an "if" statement and there is nothing after it.
<% if (routing) { %>
<% } %>
here is an example of the files from the download from the website
(see uploaded screen shot)
I don't understand what the tutorial is saying or why the examples don't match. Is it possible to review and explain?
Minimal reproduction of the problem with instructions
What is the motivation / use case for changing the behavior?
Environment
Angular version: X.Y.Z
Browser:
- [ ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
For Tooling issues:
- Node version: XX
- Platform:
Others:
Activity
kapunahelewong commentedon Oct 3, 2017
Hi @rberge, the host view in this case is the template in app/app.component.ts. It hosts anything that is rendered through a
<router-outlet>. I'm not finding theif (routing)in the live example or the download. Can you point me to it? I'd love to help clear things up.rberge commentedon Oct 6, 2017
kapunahelewong commentedon Oct 6, 2017
@rberge ok, let me know if you have any questions or suggestions for improvement. I'm still interested in the if statement you referenced. If you see it again, please let me know so I can take a look.
jenniferfell commentedon May 10, 2018
I think the remaining summary is this: Update https://angular.io/guide/router#router-outlet to be more clear about this: the host view in this case is the template in app/app.component.ts. It hosts anything that is rendered through a .
brandonroberts commentedon Sep 26, 2018
Fixed via #20023
angular-automatic-lock-bot commentedon Sep 14, 2019
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.