单个页面上的多个依赖控制器/指令？

Question

我想在一个页面中显示这样的内容。复杂的是，这些数据来自4个不同的来源。

City One
    Property One
    Property Two
    Property Three A
    Property Three B
    Property Three C

City Two
    Property One
    Property Two
    Property Three A
    Property Three B
    Property Three C

City Three
    Property One
    Property Two
    Property Three A
    Property Three B
    Property Three C

• City - 来自JSON A，它返回一个包含name和id的n个对象的简单数组。

• Property One来自JSON B（使用City.id作为URL中的参数），返回一组特定于City.id的对象。

• 属性2来自JSON C（使用City.id作为URL中的参数），返回一组特定于City.id的对象。

• 属性3 A / B / C来自JSON D（使用属性2中返回的关键字段），返回特定于属性2中指定的特定属性键的一组对象。

这甚至可行吗？我知道这需要3n + 1个半同步JSON调用。在这一点上，我不知道我是否应该寻求控制器或指令的帮助或某种疯狂的路由或什么。

我是Angular的总菜鸟（我来自ASP.NET MVC背景）而且我无法绕过这一点。我一直在努力关注John Papa的风格指南，所以在我的代码中找不到任何范围，这严重限制了我对某些页面的理解。解决这个问题。