From f31ef52623ce96d3d80fb2434a9a92b34566ca27 Mon Sep 17 00:00:00 2001
From: Zhicheng WANG <zcwang@thoughtworks.com>
Date: Tue, 13 Nov 2018 08:51:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=B4=BB=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 aio/content/navigation.json                       | 3 ++-
 aio/src/app/layout/top-menu/top-menu.component.ts | 7 ++++++-
 aio/src/app/navigation/navigation.model.ts        | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/aio/content/navigation.json b/aio/content/navigation.json
index b9ed19b9f1..a0f425ba3b 100644
--- a/aio/content/navigation.json
+++ b/aio/content/navigation.json
@@ -26,7 +26,8 @@
     },
     {
       "url": "https://ng-china.org/",
-      "title": "**** 2018 ngChina @ 杭州！****"
+      "title": "**** 2018 ngChina @ 杭州！****",
+      "highlight": true
     }
   ],
   "TopBarNarrow": [
diff --git a/aio/src/app/layout/top-menu/top-menu.component.ts b/aio/src/app/layout/top-menu/top-menu.component.ts
index 7cf09713e2..fde4816813 100644
--- a/aio/src/app/layout/top-menu/top-menu.component.ts
+++ b/aio/src/app/layout/top-menu/top-menu.component.ts
@@ -3,9 +3,14 @@ import { NavigationNode } from 'app/navigation/navigation.service';
 
 @Component({
   selector: 'aio-top-menu',
+  styles: [`
+    .nav-link.highlight {
+      color: yellow;
+    }
+  `],
   template: `
     <ul role="navigation">
-      <li *ngFor="let node of nodes"><a class="nav-link" [href]="node.url" [title]="node.title">{{ node.title }}</a></li>
+      <li *ngFor="let node of nodes"><a class="nav-link" [class.highlight]="node.highlight" [href]="node.url" [title]="node.title">{{ node.title }}</a></li>
     </ul>`
 })
 export class TopMenuComponent {
diff --git a/aio/src/app/navigation/navigation.model.ts b/aio/src/app/navigation/navigation.model.ts
index dfdd98a4d4..be0e7d9ba2 100644
--- a/aio/src/app/navigation/navigation.model.ts
+++ b/aio/src/app/navigation/navigation.model.ts
@@ -8,6 +8,7 @@ export interface NavigationNode {
   tooltip?: string;
   hidden?: boolean;
   divider?: boolean;
+  highlight?: boolean;
   children?: NavigationNode[];
 }