title: How to display json data in two columns in a table using angular
body: <p>I have data in my json it will be dynamic and I want to display the data in a table with two columns.  I am trying but only the first two records are repeating.   I don't see all the records in the table.. Any help?</p>
  
  <p><a href="http://plnkr.co/edit/Hnb7hkjA16XDbzRT8VAt?p=preview" rel="nofollow">http://plnkr.co/edit/Hnb7hkjA16XDbzRT8VAt?p=preview</a></p>
  
  <pre><code>This is my json :  var data = '{  
     "output":{  
        "service-status":[  
           {  
              "service":"db",
              "service-name":"Mongo DB"
           },
           {  
              "service":"license",
              "service-name":"Smart License"
           },
           {  
              "service":"BRM",
              "service-name":"Billing"
           },
           {  
              "service":"subscription",
              "service-name":"subscription"
           }
        ]
     }
  }';
  </code></pre>
  
  <p>my html code:</p>
  
  <pre><code>&lt;table  border="1px" width="100%" ng-repeat="data in serviceData" ng-if="$index % 2 == 0"&gt;
       &lt;tr&gt;
           &lt;td&gt;{{serviceData[index]["service-name"]}}&lt;/td&gt;
        &lt;/tr&gt;
  &lt;/table&gt;
  
  i want to display something like this
  
  Mongo Db       Smart License
  Billing        subscription
  </code></pre>