diff --git a/src/app/showcase/doc/menubar/routerdoc.ts b/src/app/showcase/doc/menubar/routerdoc.ts
index fa0f1aa6bf2..5587f298b19 100644
--- a/src/app/showcase/doc/menubar/routerdoc.ts
+++ b/src/app/showcase/doc/menubar/routerdoc.ts
@@ -12,18 +12,25 @@ import { Router } from '@angular/router';
         <div class="card">
             <p-menubar [model]="items">
                 <ng-template pTemplate="item" let-item>
-                    <ng-container *ngIf="item.route; else elseBlock">
+                    <ng-container *ngIf="item.route; else urlRef">
                         <a [routerLink]="item.route" class="p-menuitem-link">
                             <span [class]="item.icon"></span>
                             <span class="ml-2">{{ item.label }}</span>
                         </a>
                     </ng-container>
-                    <ng-template #elseBlock>
-                        <a [href]="item.url" class="p-menuitem-link">
+                    <ng-template #urlRef>
+                        <a *ngIf="item.url; else noLink" [href]="item.url" class="p-menuitem-link">
                             <span [class]="item.icon"></span>
                             <span class="ml-2">{{ item.label }}</span>
                         </a>
                     </ng-template>
+                    <ng-template #noLink>
+                        <div class="p-menuitem-link">
+                            <span [class]="item.icon"></span>
+                            <span class="ml-2">{{ item.label }}</span>
+                            <span class="pi pi-fw pi-angle-down ml-2"></span>
+                        </div>
+                    </ng-template>
                 </ng-template>
             </p-menubar>
         </div>
@@ -78,36 +85,50 @@ export class RouterDoc implements OnInit {
     code: Code = {
         basic: `<p-menubar [model]="items">
     <ng-template pTemplate="item" let-item>
-        <ng-container *ngIf="item.route; else elseBlock">
+        <ng-container *ngIf="item.route; else urlRef">
             <a [routerLink]="item.route" class="p-menuitem-link">
                 <span [class]="item.icon"></span>
                 <span class="ml-2">{{ item.label }}</span>
             </a>
         </ng-container>
-        <ng-template #elseBlock>
-            <a [href]="item.url" class="p-menuitem-link">
+        <ng-template #urlRef>
+            <a *ngIf="item.url; else noLink" [href]="item.url" class="p-menuitem-link">
                 <span [class]="item.icon"></span>
                 <span class="ml-2">{{ item.label }}</span>
             </a>
         </ng-template>
+        <ng-template #noLink>
+            <div class="p-menuitem-link">
+                <span [class]="item.icon"></span>
+                <span class="ml-2">{{ item.label }}</span>
+                <span class="pi pi-fw pi-angle-down ml-2"></span>
+            </div>
+        </ng-template>
     </ng-template>
 </p-menubar>`,
 
         html: `<div class="card">
     <p-menubar [model]="items">
         <ng-template pTemplate="item" let-item>
-            <ng-container *ngIf="item.route; else elseBlock">
+            <ng-container *ngIf="item.route; else urlRef">
                 <a [routerLink]="item.route" class="p-menuitem-link">
                     <span [class]="item.icon"></span>
                     <span class="ml-2">{{ item.label }}</span>
                 </a>
             </ng-container>
-            <ng-template #elseBlock>
-                <a [href]="item.url" class="p-menuitem-link">
+            <ng-template #urlRef>
+                <a *ngIf="item.url; else noLink" [href]="item.url" class="p-menuitem-link">
                     <span [class]="item.icon"></span>
                     <span class="ml-2">{{ item.label }}</span>
                 </a>
             </ng-template>
+            <ng-template #noLink>
+                <div class="p-menuitem-link">
+                    <span [class]="item.icon"></span>
+                    <span class="ml-2">{{ item.label }}</span>
+                    <span class="pi pi-fw pi-angle-down ml-2"></span>
+                </div>
+            </ng-template>
         </ng-template>
     </p-menubar>
 </div>`,