Свойство Angular 5 «подменю» не существует по типу

Question

Я только что создал сервис для генерации «Меню», раньше вызывал метод из компонентов и добавлял еще несколько меню, это рабочий процесс.

Здесь файл menu.service.ts

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { Api } from '../_providers/api/api';

@Injectable()
export class MenuService {

    menuLinks = [
        {
            label: "Dashboard",
            details: "12 New Updates",
            routerLink: "dashboard",
            iconType: "pg",
            iconName: "home",
            thumbNailClass: "bg-success"
        },
        {
            label: "Email",
            details: "234 New Emails",
            routerLink: "email/list",
            iconType: "pg",
            iconName: "mail"
        },
         {
            label: "Classroom",
            iconType: "pg",
            iconName: "laptop",
            toggle: "close",
            submenu: [
                {
                    label: "Classroom UI Test",
                    routerLink: "classroom/class",
                    iconType: "letter",
                    iconName: "AC",
                },
                {
                    label: "Grades",
                    routerLink: "classroom/grade-list",
                    iconType: "fa",
                    iconName: "graduation-cap",
                }
            ]
        }]


    private menuList = new BehaviorSubject(this.menuLinks)
    currentMenuList = this.menuList.asObservable();

    constructor(public Api: Api) {
        this.getAllCourse();
    }


    addCourseinMenu(courseInfo) {
        console.log("adding new course");
        this.menuLinks.forEach(function (menuObj) {
            if (menuObj.label === "Classroom") {
                menuObj.submenu.push({
                    label: courseInfo.shortName,
                    routerLink: "classroom/" + courseInfo.courseId,
                    iconType: "letter",
                    iconName: courseInfo.name.slice(0, 2).toUpperCase(),
                })
            }
        })
        this.menuList.next(this.menuLinks);
    }

    getAllCourse() {
        let that = this;
        console.log("checking all course");
        this.Api.getAll('getAllCouseNameandId').subscribe((response) => {
            const courseInfo: any = response;
            courseInfo.forEach(function (courseObj) {
                let name = courseObj.name;
                that.menuLinks.forEach(function (menuObj) {
                    if (menuObj.label === "Classroom") {
                        menuObj.submenu.push({       //Error Line
                            label: courseObj.shortName,
                            routerLink: "classroom/" + courseObj._id,
                            iconType: "letter",
                            iconName: name.slice(0, 2).toUpperCase(),
                        })
                    }
                })
            })
        })
    }
}

При запуске я получил эту ошибку

Не удалось скомпилировать.

src / app / _services / menu.service.ts (400,25): ошибка TS2339: свойство«подменю» не существует для типа «{label: string;детали: строка;routerLink: строка;iconType: строка;iconName: строка;thumbNa ... '.Свойство 'подменю' не существует для типа '{label: string;детали: строка;routerLink: строка;iconType: строка;iconName: строка;thumbNa ... '.src / app / _services / menu.service.ts (420,33): ошибка TS2339: свойство 'подменю' не существует для типа '{label: string;детали: строка;routerLink: строка;iconType: строка;iconName: строка;thumbNa ... '.Свойство 'подменю' не существует для типа '{label: string;детали: строка;routerLink: строка;iconType: строка;iconName: строка;thumbNa ... '.

Answer 1

использовать массив => вместо function для этого

  getAllCourse() {
    let that = this;
    console.log("checking all course");
    this.Api.getAll('getAllCouseNameandId').subscribe((response) => {
      const courseInfo: any = response;
      courseInfo.forEach((courseObj:any) {
        let name = courseObj.name;
        this.menuLinks.forEach((menuObj:any) {
          if (menuObj.label === "Classroom") {
            menuObj.submenu.push({       //Error Line
              label: courseObj.shortName,
              routerLink: "classroom/" + courseObj._id,
              iconType: "letter",
              iconName: name.slice(0, 2).toUpperCase(),
            })
          }
        })
      })
    })
  }