resolves #227: show child menu items whem items.length > 0

Author: ismcagdas

angular/src/app/layout/sidebar-nav.component.html

@@ -13,7 +13,7 @@
                     <span>{{menuItem.name}}</span>
                 </a>
                 <!-- Has child menu items (so, this is a parent menu) -->
-                <a href="javascript:void(0);" class="menu-toggle" *ngIf="menuItem.items">
+                <a href="javascript:void(0);" [ngClass]="{'menu-toggle': menuItem.items.length}">
                     <i *ngIf="menuItem.icon" class="material-icons">{{menuItem.icon}}</i>
                     <span>{{menuItem.name}}</span>
                 </a>
@@ -31,7 +31,7 @@
                                 <span>{{subMenuItem.name}}</span>
                             </a>
                             <!-- Has child menu items (so, this is a parent menu) -->
-                            <a href="javascript:void(0);" class="menu-toggle" *ngIf="subMenuItem.items">
+                            <a href="javascript:void(0);" [ngClass]="{'menu-toggle': subMenuItem.items.length}">
                                 <i *ngIf="subMenuItem.icon" class="material-icons">{{subMenuItem.icon}}</i>
                                 <span>{{subMenuItem.name}}</span>
                             </a>
@@ -57,4 +57,4 @@
             </li>
         </ng-template>
     </ul>
-</div>
+</div>

angular/src/shared/layout/menu-item.ts

@@ -1,4 +1,4 @@
-export class MenuItem {
+export class MenuItem {
     name: string = '';
     permissionName: string = '';
     icon: string = '';
@@ -10,6 +10,11 @@
         this.permissionName = permissionName;
         this.icon = icon;
         this.route = route;
-        this.items = childItems;
+
+        if (childItems) {
+            this.items = childItems;
+        } else {
+            this.items = [];
+        }
     }
-}
+}