how to cast json to array in angular-CodePudding

I have file1.ts which has a variable menuGroups

 menuGroups= Array();

i populate menuGroups with data so it looks something like this

i store this in localstorage : localStorage.setItem("menuGroups", JSON.stringify(this.menuGroups));

now in file2.ts, i want to assign above localstorage value to an array variable at class level. how to achieve it?

basically , in file2.html, i want to loop through the array menuGroups variable using ngFor.

i tried this in file2.ts but getting error

CodePudding user response：

  menuGroups: any[] = [];

  populateNavBar() {
    this.menuGroups = JSON.parse(localStorage.getItem('menuGroups')) || [];
  }

CodePudding user response：

If you try to change

menuGroups: any;

Show run example stackblitz here.