docs: 样式微调

aio/content/navigation.json

@@ -545,6 +545,11 @@
       "tooltip": "关于 Angular 中类和值的详细信息。",
       "url": "api"
     },
+    {
+      "title": "-",
+      "tooltip": "分割线",
+      "divider": true
+    },
     {
       "title": "互助问答",
       "tooltip": "github 上的中文互助问答区",

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">

aio/src/app/navigation/navigation.model.ts

@@ -7,6 +7,7 @@ export interface NavigationNode {
   title?: string;
   tooltip?: string;
   hidden?: boolean;
+  divider?: boolean;
   children?: NavigationNode[];
 }