From d55f74785877ef6a9dd37947f7e930bc0008ff0b Mon Sep 17 00:00:00 2001
From: Ferdinand Malcher <mail@fmalcher.de>
Date: Tue, 18 Oct 2016 07:53:55 +0200
Subject: [PATCH] docs(router): attribute notation for string paths (#12205)

Either bind an expression or use the attribute notation.
The mixed way `[routerLink]="/path"` won't work.
Prefer the attribute notation for string-only paths
---
 .../router/src/directives/router_link_active.ts    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/modules/@angular/router/src/directives/router_link_active.ts b/modules/@angular/router/src/directives/router_link_active.ts
index 49867f5150..a66a6142d2 100644
--- a/modules/@angular/router/src/directives/router_link_active.ts
+++ b/modules/@angular/router/src/directives/router_link_active.ts
@@ -20,7 +20,7 @@ import {RouterLink, RouterLinkWithHref} from './router_link';
  * @howToUse
  *
  * ```
- * <a [routerLink]='/user/bob' routerLinkActive='active-link'>Bob</a>
+ * <a routerLink="/user/bob" routerLinkActive="active-link">Bob</a>
  * ```
  *
  * @description
@@ -31,7 +31,7 @@ import {RouterLink, RouterLinkWithHref} from './router_link';
  * Consider the following example:
  *
  * ```
- * <a [routerLink]="/user/bob" routerLinkActive="active-link">Bob</a>
+ * <a routerLink="/user/bob" routerLinkActive="active-link">Bob</a>
  * ```
  *
  * When the url is either '/user' or '/user/bob', the active-link class will
@@ -40,15 +40,15 @@ import {RouterLink, RouterLinkWithHref} from './router_link';
  * You can set more than one class, as follows:
  *
  * ```
- * <a [routerLink]="/user/bob" routerLinkActive="class1 class2">Bob</a>
- * <a [routerLink]="/user/bob" [routerLinkActive]="['class1', 'class2']">Bob</a>
+ * <a routerLink="/user/bob" routerLinkActive="class1 class2">Bob</a>
+ * <a routerLink="/user/bob" [routerLinkActive]="['class1', 'class2']">Bob</a>
  * ```
  *
  * You can configure RouterLinkActive by passing `exact: true`. This will add the classes
  * only when the url matches the link exactly.
  *
  * ```
- * <a [routerLink]="/user/bob" routerLinkActive="active-link" [routerLinkActiveOptions]="{exact:
+ * <a routerLink="/user/bob" routerLinkActive="active-link" [routerLinkActiveOptions]="{exact:
  * true}">Bob</a>
  * ```
  *
@@ -56,8 +56,8 @@ import {RouterLink, RouterLinkWithHref} from './router_link';
  *
  * ```
  * <div routerLinkActive="active-link" [routerLinkActiveOptions]="{exact: true}">
- *   <a [routerLink]="/user/jim">Jim</a>
- *   <a [routerLink]="/user/bob">Bob</a>
+ *   <a routerLink="/user/jim">Jim</a>
+ *   <a routerLink="/user/bob">Bob</a>
  * </div>
  * ```
  *