如何在可观察数组中注入 promise 数组

Question

I'm building a user menu based on authentication and everything work, but I have part of that menu I get it from an API getMainCategories() a promise type method.

I need to inject the coming data from that method inside my menu array on a specific object;

Here:

let menu: any = [
  ...
  {
    text: 'categories',
    icon: 'flaticon-2-squares',
    children: [] // I need to inject the categories here
  },
  ...
];

On the code below you will notice that I have converted the promise getMainCategories into observable but I can't figure out what next.

My Menu code:

getMenu() {

  const mainCategories = from(this.woo.getMainCategories());

  let menu: any = [
    {
      text: 'home',
      icon: 'flaticon-home',
      path: '/tabs/home'
    },
    {
      text: 'categories',
      icon: 'flaticon-2-squares',
      children: []
    },
    {
      text: 'cart',
      icon: 'flaticon-shopping-cart',
      path: '/tabs/cart'
    },
    {
      text: 'chechout',
      icon: 'flaticon-shopping-bag',
      path: '/checkout'
    }
  ];

  const loggedInMenu = [
    {
      text: 'My Account',
      icon: 'flaticon-login',
      path: '/tabs/profile'
    }
  ];

  const loggedOutMenu = [
    {
      text: 'login',
      icon: 'flaticon-login',
      path: '/login'
    },
    {
      text: 'register',
      icon: 'flaticon-login',
      path: '/register'
    }
  ];

  const menu$ = this.isUserLoggedIn.pipe(
    switchMap(
      status => {
        if (status) {
          return of(menu.concat(loggedInMenu))
        } else {
          return of(menu.concat(loggedOutMenu))
        }
      }
    )
  );

  return menu$;

}

Answer 1

I don't know what "of" is. But I think you may want to let menu.children.concat(loggedXXXMenu) rather than menu.concat.