You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: aio/content/guide/router-reference.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -39,7 +39,7 @@ Pass it to the `RouterModule.forRoot()` method in the module `imports` to config
39
39
40
40
Each `Route` maps a URL `path` to a component.
41
41
There are no leading slashes in the path.
42
-
The router parses and builds the final URL for you, which allows you to use both relative and absolute paths when navigating between application views.
42
+
The router parses and builds the final URL for you, which lets you use both relative and absolute paths when navigating between application views.
43
43
44
44
The `:id` in the second route is a token for a route parameter.
45
45
In a URL such as `/hero/42`, "42" is the value of the `id` parameter.
@@ -48,7 +48,7 @@ The corresponding `HeroDetailComponent` uses that value to find and present the
48
48
The `data` property in the third route is a place to store arbitrary data associated with
49
49
this specific route.
50
50
The data property is accessible within each activated route. Use it to store items such as page titles, breadcrumb text, and other read-only, static data.
51
-
You can use the [resolve guard](guide/router-tutorial-toh#resolve-guard) to retrieve dynamic data.
51
+
Use the [resolve guard](guide/router-tutorial-toh#resolve-guard) to retrieve dynamic data.
52
52
53
53
The empty path in the fourth route represents the default path for the application—the place to go when the path in the URL is empty, as it typically is at the start.
54
54
This default route redirects to the route for the `/heroes` URL and, therefore, displays the `HeroesListComponent`.
@@ -72,7 +72,7 @@ display the components for that outlet.
72
72
73
73
</code-example>
74
74
75
-
Given the configuration above, when the browser URL for this application becomes `/heroes`, the router matches that URL to the route path `/heroes` and displays the `HeroListComponent` as a sibling element to the `RouterOutlet` that you've placed in the host component's template.
75
+
Given the preceding configuration, when the browser URL for this application becomes `/heroes`, the router matches that URL to the route path `/heroes` and displays the `HeroListComponent` as a sibling element to the `RouterOutlet` that you've placed in the host component's template.
76
76
77
77
{@a basics-router-links}
78
78
@@ -104,7 +104,7 @@ The template expression to the right of the equal sign, `=`, contains a space-de
104
104
You set the `RouterLinkActive` directive to a string of classes such as `routerLinkActive="active fluffy"` or bind it to a component property that returns such a string (for example, `[routerLinkActive]="someStringProperty"`).
105
105
106
106
Active route links cascade down through each level of the route tree, so parent and child router links can be active at the same time.
107
-
To override this behavior, you can bind to the `[routerLinkActiveOptions]` input binding with the `{ exact: true }` expression. By using `{ exact: true }`, a given `RouterLink`will only be active if its URL is an exact match to the current URL.
107
+
To override this behavior, bind to the `[routerLinkActiveOptions]` input binding with the `{ exact: true }` expression. By using `{ exact: true }`, a given `RouterLink`is only active if its URL is an exact match to the current URL.
108
108
109
109
{@a basics-router-state}
110
110
@@ -249,7 +249,7 @@ It has a great deal of useful information including:
249
249
250
250
<divclass="alert is-helpful">
251
251
252
-
Two older properties are still available; however, their replacements are preferable as they may be deprecated in a future Angular version.
252
+
Two older properties are still available; however, their replacements are preferable as they might be deprecated in a future Angular version.
253
253
254
254
*`params`: An `Observable` that contains the required and [optional parameters](guide/router-tutorial-toh#optional-route-parameters) specific to the route. Use `paramMap` instead.
255
255
@@ -261,7 +261,7 @@ Use `queryParamMap` instead.
261
261
### Router events
262
262
263
263
During each navigation, the `Router` emits navigation events through the `Router.events` property.
264
-
These events range from when the navigation starts and ends to many points in between. The full list of navigation events is displayed in the table below.
264
+
These events range from when the navigation starts and ends to many points in between. The full list of navigation events is displayed in the following table.
0 commit comments