angular6 - бесконечный цикл, запускаемый при вызове метода из класса Angular 6 внутри шаблона

Question

Когда я пытаюсь связать имя, используя метод в цикле * ngFor, бесконечный цикл запускается на моем угловом 6 проекте. Почему это происходит?и, пожалуйста, порекомендуйте решение.спасибо ...

<div *ngFor="let menu of MenuList"> 
     <span>{{bindMenuNames(menu.FullNameSpace)}}</span> 
  </div>

 bindMenuNames(FullNameSpace): string 
  {
        console.log(FullNameSpace);
        let menuname: string;
        switch (FullNameSpace)
        {
            case "Message_Centrel":
                menuname = "Messaging";
                break;

            case "Admin":
                menuname = "Admin"
                break;
            case "Catalog":
                menuname = "Course Authoring"
                break;
           default:
                menuname = ""
                break;
        }
       return menuname;
    }

Answer 1

в файле ts:

public obj = {'Message_Centrel': 'Messaging', 'Admin': 'Admin', 'Catalog': 
             'Course Authoring'}

в html-файле:

<div *ngFor="let menu of MenuList"> 
 <span>{{obj[menu.FullNameSpace] ? obj[menu.FullNameSpace] : '-'}}</span> 
</div>