Интерполяция предотвращена функцией ngClass в Angular 6?

Question

Я столкнулся со странной проблемой, связанной с использованием адаптивной боковой панели в Angular 6 ( https://github.com/akveo/ngx-admin), и я совершенно не могу выполнить интерполяцию в боковую панель. Мне нравится эта боковая панель и ее странные возможности анимации маршрутизатора, и я должен выяснить, как обойти это...

sidebar.component.ts (the title property) 

import { Component, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';


@Component({
selector: 'app-sidebar',
templateUrl: './sidebar.component.html',
styleUrls: ['./sidebar.component.scss']
})
export class SidebarComponent implements OnInit {
hide = '';
isActive = false;
showMenu = '';
pushRightClass = 'push-right';
title = 'title';
constructor(public router: Router) {
  this.title = 'title';
this.router.events.subscribe(val => {
  if (
      val instanceof NavigationEnd &&
      window.innerWidth <= 992 &&
      this.isToggled()
  ) {
      console.log('S1');
      this.toggleSidebar();
  }
  });

}

А затем в sidebar.component.html:

<nav class="sidebar" [ngClass]="{sidebarPushRight: isActive}">
  <div class="list-group">
    <a routerLink="/" [routerLinkActive]="['router-link-active']" 
class="list-group-item">
        <i class="fa fa-fw fa-home"></i>{{title}}
    </a>
   </div> 
</nav> 

Это должно быть как-то связано с CSS или функциями, но я не могу найти это:

Спасибо!