angular6 - infinite loop running when i call method from a Angular 6 class inside template

Question

when i try to bind name using method in *ngFor loop, infinite loop is running on my angular 6 project.why is that happening? and please recommend a solution. thank you...

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

yes you can use this line to check length of menulist >>> *ngIf="MenuList ?.length > 0" <<< — Nava Ruban
– Nava Ruban, Commented Apr 18, 2019 at 6:58

mojtaba ramezani · Accepted Answer · 2019-04-18 06:05:27Z

1

at ts file:

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

at html file:

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

answered Apr 18, 2019 at 6:05

mojtaba ramezani

1,56917 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular6 - infinite loop running when i call method from a Angular 6 class inside template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related