style: fix breadcrumbs ts errors

Author: mledour

library/angular-admin-lte/src/lib/breadcrumbs/breadcrumbs.component.html

@@ -1,15 +1,14 @@
-
 <ol class="breadcrumb">
   <li *ngFor="let breadcrumb of breadcrumbs; let first = first; let last = last" [class.active]="last || !breadcrumb.url">
     <a *ngIf="breadcrumb.url && !last; else noLink" [routerLink]="breadcrumb.url">
       <i *ngIf="first" ngClass="{{homeIcon}}"></i>
       <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>
-      <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>
+      <ng-template [ngIf]="breadcrumb.data.title">{{breadcrumb.data.title}}</ng-template>
     </a>
     <ng-template #noLink>
       <i *ngIf="first" ngClass="{{homeIcon}}"></i>
       <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>
-      <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>
+      <ng-template [ngIf]="breadcrumb.data.title">{{breadcrumb.data.title}}</ng-template>
     </ng-template>
   </li>
 </ol>

library/angular-admin-lte/src/lib/breadcrumbs/breadcrumbs.component.ts

@@ -1,53 +1,44 @@
 import { Component, OnInit, Input, OnDestroy, ChangeDetectorRef } from '@angular/core';
+
 import { Subscription } from 'rxjs';
 
 import { Path, RoutingService } from '../services/routing.service';
 
-export interface Breadcrumb extends Path {
+
+export interface Breadcrumbs extends Path {
   data: {
     breadcrumbs?: string;
-    title?: string;
+    title?: string
   };
 }
 
-/*
- *
- */
+
 @Component({
   selector: 'mk-breadcrumbs',
   templateUrl: './breadcrumbs.component.html',
   styleUrls: ['./breadcrumbs.component.css']
 })
 export class BreadcrumbsComponent implements OnInit, OnDestroy {
-  public breadcrumbs?: Breadcrumb[];
+  @Input() public homeIcon = 'fa fa-home';
 
-  private subscription!: Subscription;
+  public breadcrumbs?: Breadcrumbs [];
 
-  @Input() public homeIcon = 'fa fa-home';
+  private subscription?: Subscription;
 
-  /**
-   * @method constructor
-   * @param routingService [description]
-   * @param changeDetectorRef [description]
-   */
   constructor(
     private routingService: RoutingService,
     private changeDetectorRef: ChangeDetectorRef
   ) {}
 
-  /**
-   * @method ngOnInit
-   */
   ngOnInit(): void {
     this.subscription = this.routingService.onChange.subscribe(paths => {
       this.breadcrumbs = paths;
     });
   }
 
-  /**
-   * @method ngOnDestroy
-   */
   ngOnDestroy(): void {
-    this.subscription.unsubscribe();
+    if (this.subscription) {
+      this.subscription.unsubscribe();
+    }
   }
 }