Angular: TypeError: undefined не является объектом (оценивается this.body.toggle)

Question

У меня проблема с моим угловым приложением. Я получаю эту ошибку:

[Error] ERROR – TypeError: undefined is not an object (evaluating 'this.body.toggle')

В консоли Chrome это относится к следующей части HTML:

<mdb-accordion-item *ngFor="let item of menuitems" [ngClass]="{'no-collase': item.submenu.length == 0}">
                    <mdb-accordion-item-head mdbWavesEffect>
                        <fa-icon [icon]="item.icon" class="icon"></fa-icon> {{ 'webapp.menu.' + item.key | translate:lang }}
                    </mdb-accordion-item-head>
                    <mdb-accordion-item-body *ngIf="item.submenu.length != 0">
                            <ul>
                                <li *ngFor="let subitem of item.submenu"> 
                                    <a class="nav-link waves-light" mdbWavesEffect routerLink="{{subitem.routerlink}}">
                                        <fa-icon [icon]="subitem.icon" class="icon"></fa-icon>
                                        <span class="clearfix d-none d-sm-inline-block">{{ 'webapp.menu.' + subitem.key | translate:lang }}</span>
                                    </a>
                                </li>
                            </ul>
                        </mdb-accordion-item-body>
                </mdb-accordion-item>

И мой массив "menuitems" выглядит так:

menuitems:any[] = [
    {key: "dashboard", routerlink: "/settings", icon: this.faDashboard, submenu: []},
    {key: "settings", routerlink: "/settings", icon: this.faCog, submenu: []}
  ];

Может быть, у кого-то есть идея, которая может мне помочь.... Я использую MDBootstrag для Angular в Pro версии.