title: Empty Tds when Mapping Json files
body: <p>I have used <code>$http.get()</code> to get a couple of different JSON files and then called them using <code>$q.all()</code>. After making a promise I have combined them all in one big array using <code>.map()</code> function. </p>
  
  <p>This is my table:</p>
  
  
  
  <pre><code>&lt;table class="table table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Color&lt;/th&gt;
              &lt;th&gt;Brand&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="data in full"&gt;
              &lt;td&gt;{{data.data.color}}&lt;/td&gt;
              &lt;td&gt;{{data.data.something.brand}}&lt;/td&gt;
              &lt;td&gt;{{data.data.something.value}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I get the output, but my table is messed up. For the first 5 table rows, I receive empty data wrapped in <code>ng-binding</code> in the first <code>&lt;td&gt;</code> and in the other two <code>&lt;td&gt;</code>s I get data. The best is if you see the image.</p>
  
  <p>Image:</p>
  
  <p><a href="https://i.stack.imgur.com/YfCDf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YfCDf.png" alt="Color Value Data"></a></p>
  
  <p>Now, I do know that this is because of complex JSON structure I made by mapping the files and placing them into one big array, but is there anything I can do to sanitize this code? </p>
  
  <p>The main file - big array is defined in <code>$scope.full</code> in <code>controller.app</code>. Please don't ask me to put the code from controller...</p>