diff --git a/doc/article/en-US/router-configuration.md b/doc/article/en-US/router-configuration.md index 9942b5f4..b4c8440f 100644 --- a/doc/article/en-US/router-configuration.md +++ b/doc/article/en-US/router-configuration.md @@ -56,19 +56,19 @@ To use Aurelia's router, your component view must have a ` @@ -164,7 +164,7 @@ Set `config.options.pushState` to `true` to activate push state and add [a base ## Dynamically Specify Route Components -You can add a `navigationStrategy` to a route to allow dynamic routes. Within the navigation strategy Aurelia requires you to configure `instruction.config` with the desired `moduleId`, `viewPorts` or `redirect`. +You can add a `navigationStrategy` to a route to allow dynamic routes. Within the navigation strategy, Aurelia requires you to configure `instruction.config` with the desired `moduleId`, `viewPorts` or `redirect`. @@ -277,7 +277,7 @@ You can set a route to be case sensitive, should you wish: -In the above example, our route will only match URL fragment of `/users` and not `/Users`, *but* since the route `home` is not case sensitive the URL `/Home` would match. By default Aurelia's routes are not case sensitive. +In the above example, our route will only match URL fragment of `/users` and not `/Users`, *but* since the route `home` is not case sensitive the URL `/Home` would match. By default, Aurelia's routes are not case sensitive. ## Handling Unknown Routes @@ -407,7 +407,7 @@ The default pipeline slots in order are `authorize`, `preActivate`, `preRender`, * `authorize` is called between loading the route's step and calling the route view-model' `canActivate` function if defined. * `preActivate` is called between the route view-model' `canActivate` function and the previous route view-model's `deactivate` function if defined. * `preRender` is called between the route view-model's activate function and before the component is rendered/composed. -* `postRender` is called after the component has been render/composed. +* `postRender` is called after the component has been rendered/composed. A pipeline step must be an object that contains a `run(navigationInstruction, next)` function. @@ -738,7 +738,7 @@ The set of views subject to being part of a layout is defined in Aurelia as a se > Info > We're going to be a little sloppy here in terminology. Technically, routes refer to "moduleIds", not -"views". Since the router resolves a `moduleId` to a view, indirectly the router does reference a view. It is easy to picture a view visually contained within a layout, so in this topic to we'll refer to views referenced by a route, not modules. +"views". Since the router resolves a `moduleId` to a view, indirectly the router does reference a view. It is easy to picture a view visually contained within a layout, so in this topic, we will refer to views referenced by a route, not modules. We'll look at using HTML first. We know that the `router-view` custom HTML element is always associated with a set of one or more views referenced in a router configuration given in its parent view's view model. By associating a layout with a `router-view` one can thus associate a layout with the same set of views with which the `router-view` is associated. @@ -751,7 +751,7 @@ To specify a layout on the `router-view` custom element, we use the following at > Info > All of these layout attributes are bindable. -Following is an example of HTML in which we specify that we want all destination views reachable under the `router-view` to be laid-out inside a view with file name `layout.html`, located in the same directory as the view contianing the `router-view`: +Following is an example of HTML in which we specify that we want all destination views reachable under the `router-view` to be laid-out inside a view with file name `layout.html`, located in the same directory as the view containing the `router-view`: @@ -965,7 +965,7 @@ Here is an example of setting the swap order strategy on a `router-view`: ## Internationalizing Titles If your application targets multiple cultures or languages, you probably want to translate your route titles. The `Router` class has a `transformTitle` property that can be used for this. It is expected to be assigned a function that takes the active route's title as a parameter and then returns the translated title. For example, if your app uses `aurelia-i18n`, its routes' titles would typically be set to some translation keys -and the `AppRouter`'s `transformTitle` would be configured in such a way that the active route's title is translated using the `I18N`'s `tr` method. Additionally you can listen to a custom event published by the I18N service to react on locale changes using the EventAggregator: +and the `AppRouter`'s `transformTitle` would be configured in such a way that the active route's title is translated using the `I18N`'s `tr` method. Additionally, you can listen to a custom event published by the I18N service to react to locale changes using the EventAggregator: @@ -1080,7 +1080,7 @@ In the previous example, the `AppRouter`'s `transformTitle` is set, so all child ## Configuring a Fallback Route -Whenever navigation is rejected, it is redirected to a previous location. However in certain cases a previous location doesn't exist, e.g. when it happens as the first navigation after the startup of application. To handle this scenario, you can set up a fallback route. +Whenever navigation is rejected, it is redirected to a previous location. However, in certain cases, a previous location doesn't exist, e.g. when it happens as the first navigation after the startup of the application. To handle this scenario, you can set up a fallback route.