From 9e94c2a1191e0ca6c5e537558e3df75c3b2e752e Mon Sep 17 00:00:00 2001
From: Zhicheng Wang <zcwang@thoughtworks.com>
Date: Sat, 15 Sep 2018 08:13:04 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E6=A0=B7=E5=BC=8F=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 aio/content/navigation.json                         | 5 +++++
 aio/src/app/layout/nav-item/nav-item.component.html | 3 ++-
 aio/src/app/navigation/navigation.model.ts          | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/aio/content/navigation.json b/aio/content/navigation.json
index dcb4203339..bf4bd5308c 100644
--- a/aio/content/navigation.json
+++ b/aio/content/navigation.json
@@ -545,6 +545,11 @@
       "tooltip": "关于 Angular 中类和值的详细信息。",
       "url": "api"
     },
+    {
+      "title": "-",
+      "tooltip": "分割线",
+      "divider": true
+    },
     {
       "title": "互助问答",
       "tooltip": "github 上的中文互助问答区",
diff --git a/aio/src/app/layout/nav-item/nav-item.component.html b/aio/src/app/layout/nav-item/nav-item.component.html
index 2df6b2294f..7b097ffa66 100644
--- a/aio/src/app/layout/nav-item/nav-item.component.html
+++ b/aio/src/app/layout/nav-item/nav-item.component.html
@@ -1,9 +1,10 @@
 <div *ngIf="!node.children">
-  <a href="{{node.url}}" [ngClass]="classes" title="{{node.tooltip}}"
+  <a *ngIf="!node.divider" href="{{node.url}}" [ngClass]="classes" title="{{node.tooltip}}"
     class="vertical-menu-item" style="position: relative" [target]="isExternalUrl(node.url)?'_blank':'_self'">
     {{node.title}}
     <mat-icon *ngIf="isExternalUrl(node.url)">open_in_new</mat-icon>
   </a>
+  <div *ngIf="node.divider" class="mat-divider" style="margin: 4px 20px; border-top: 1px solid lightgray"></div>
 </div>
 
 <div *ngIf="node.children">
diff --git a/aio/src/app/navigation/navigation.model.ts b/aio/src/app/navigation/navigation.model.ts
index e54f175977..dfdd98a4d4 100644
--- a/aio/src/app/navigation/navigation.model.ts
+++ b/aio/src/app/navigation/navigation.model.ts
@@ -7,6 +7,7 @@ export interface NavigationNode {
   title?: string;
   tooltip?: string;
   hidden?: boolean;
+  divider?: boolean;
   children?: NavigationNode[];
 }