等待我的功能完成返回我的价值角度角度

Question

在异步问题上，我被阻止了代码。 我有3个FCT，由我的组件调用1个，然后返回一个值：

getMenu(): Observable<Menu> {
this.recupUser();
return of(this.menu);
}

在这里，我调用我的函数recupuser（），它可以执行HTTP获取请求，然后将我的数据选中：

recupUser() {
return this.loginService.recupConnectedUser().subscribe(
  {
    next: value =>{
      this.User = value;
      this.initMenu()
    },
  }
)

} 我的var用户在initmenu（）上使用，然后我必须在订阅中调用此fct以获取用户的价值。 然后在initmenu（）我做一个条件：

initMenu() {
if (this.User.es = '04840') {
  this.menu = {
    leftMenu: [
      {title: 'Title 1', id: '1', role: '/URL1'}, 
      {title: 'Title 2', id: '2', role: '/URL2'},
    ],
    rightMenu: [
      {icon:'profile',tooltip:'Profile', id:'profile', role:'/'},
    ]
  };
} else {
  this.menu = {
    leftMenu: [
      {title: 'Title1', id: '1', role: '/URL1'}, 
    ],
    rightMenu: [
      {icon:'profile',tooltip:'Profile', id:'profile', role:'/'},
    ]
  };

} }

然后，我在最后一个FCT中初始化菜单。我已经尝试了可能的事情，但是我没有等待所有完成我的价值。我在异步王子中遇到了一些困难，因此可能欢迎任何帮助！

Answer 1

rxjs operator

interface Menus {
    leftMenu: {title: string, id: string, role: string}[];
    rightMenu: {icon:string,tooltip: string, id: string, role: string}[];
}

使用

initMenu(es: string): Menus {
    return es === '04840' ?
        {
            leftMenu: [
                {title: 'Title 1', id: '1', role: '/URL1'},
                {title: 'Title 2', id: '2', role: '/URL2'},
            ],
            rightMenu: [
                {icon:'profile',tooltip:'Profile', id:'profile', role:'/'},
            ]
        } :
        {
            leftMenu: [
                {title: 'Title1', id: '1', role: '/URL1'},
            ],
        rightMenu: [
            {icon:'profile',tooltip:'Profile', id:'profile', role:'/'},
        ]
    };
}

getMenu(): Observable<Menus> {
    this.loginService.recupConnectedUser().pipe(
        map(value => {
            this.User = value;
            this.menu = this.initMenu(value.es);
            return this.menu;
       })
    );
}