table with json data from angularjs
<p>I have two json file I want to generate a dynamic table using anything like angularjs/jquery. I tried angularjs ng-repeat but not succeed. </p>

<p>first JSON</p>

<pre><code>$scope.myHospital = [
  {"name":"hos1"}, 
  {"name":"hos2"},
  {"name":"hos3"},
  {"name":"hos4"},
  {"name":"hos5"}
];
</code></pre>

<p>Second JSON</p>

<pre><code>$scope.data = [{
  "category":"first category",
  "procedure":[{
      "name":"pro1",
      "hospital": [
        {"price":"344"},
        {"price":"467"},
        {"price":"423"},
        {"price":"674"},
        {"price":"313"}
      ]
  }, {
    "name":"pro2",
    "hospital": [
      {"price":"234"},
      {"price":"568"},
      {"price":"136"},
      {"price":"567"},
      {"price":"666"}
    ]
  }, {
    "name":"pro3",
    "hospital": [
      {"price":"349"},
      {"price":"469"},
      {"price":"429"},
      {"price":"679"},
      {"price":"319"}
    ]
  }]
}];
</code></pre>

<p>And I want a table like this. Is it possible then please provide me a solution or if not then what changes required in my JSON to achieve this.Thanks 
<a href="https://i.stack.imgur.com/RL2pR.png" rel="nofollow"><img src="https://i.stack.imgur.com/RL2pR.png" alt="expected output table"></a></p>