使用rxjs在angular中进行多次获取请求

Question

用户API http://localhost/users

[
{
    "userId": "user1@gmail.com"
},
{
    "userId": "user2@gmail.com"
}
]

对于每个用户，我们都有角色映射 角色API http://localhost/user/roles

{
"user1@gmail.com": [
    {
        "roleId": "6",
        "roleName": "editor"
    }
],
"user2@gmail.com": [
    {
    "roleId": "3",
    "roleName": "Manager"
    },
    {
    "roleId": "4",
    "roleName": "Admin"
    }
]
}

输出

[
{
    "userId": "user1@gmail.com",
    "roles": [
        {
            "roleId": "6",
            "roleName": "editor"
        }
    ]
},
{
    "userId": "user2@gmail.com",
    "roles": [
        {
            "roleId": "3",
            "roleName": "Manager"`enter code here`
        },
        {
            "roleId": "4",
            "roleName": "Admin"
        }
    ]
}
]

我需要从用户api获取所有用户详细信息，然后为每个用户调用另一个用户角色api 这会给我用户角色列表。最后，我需要对用户及其角色的响应，如使用angular 4的示例所示。