如何用rxjs解决回调地狱

Question

当下一个请求依赖于前一个请求的响应时，原生js会遇到callback hell的问题：

makeHttpCall('/items', 

   items => {

      for (itemId of items) {

         makeHttpCall(`/items/${itemId}/info`,

           itemInfo => { 

              makeHttpCall(`/items/${itemInfo.pic}`,

                img => {

                    showImg(img);

              });   

           });

      }

});

beginUiRendering();

利用promise可以解决：

makeHttpCall('/items')

    .then(itemId => makeHttpCall(`/items/${itemId}/info`))

    .then(itemInfo => makeHttpCall(`/items/${itemInfo}.pic}`))

    .then(showImg);

那么使用rxjs，应该如何解决相同的问题？