angular6 - 当我从模板中的 Angular 6 class 调用方法时，无限循环 运行

Question

当我尝试在 *ngFor 循环中使用方法绑定名称时，我的 angular 上的无限循环是 运行 6 project.why 是这样吗？并请推荐一个解决方案。谢谢...

<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>