title: How to use foreach with AngularJS on HTML
body: <p>How do I use a foreach statment in angular js? My current data is printing out as a json format. I want to make it printed out on new lines.</p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;p&gt;{{controller.greeting.custinfo}}&lt;/p&gt;
  
   //attempt
  &lt;p ng-repeat= &gt;{{controller.greeting.custinfo}}&lt;/p&gt;
  </code></pre>
  
  <p><strong>Output on UI</strong></p>
  
  <pre><code>{"id":null,"biling_address":"null","billing_state":"FL","ip_Addresses":["123:111:2101","","NULL"],name":"jimmmy"}
  </code></pre>
  
  <p><strong>java output</strong></p>
  
  <pre><code>System.out.println(custinfo);
  demo.model.cert@ba1983a
  </code></pre>
  
  <p>How can I use a foreach statement to display the data in new lines? Rather than a json format.</p>
  
  <p>I know how to do this with thymeleaf,example below</p>
  
  <pre><code>&lt;table th:each="custinfo : ${custinfo}"&gt;
  
    &lt;tr&gt;
          &lt;td ng-show="id" class="padded"&gt;id:&lt;/td&gt;
          &lt;td ng-show="id" th:text="${custinfo.id}" class="padded"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    //continue down
  </code></pre>