displaying the angular get response in html table format in a div

Question

I am working on angular-fullstack generator. I am getting the data in response of get request which is in form of integer values (1 ,2
5,6
134, 245
236,567
415,234 and so on) I want to show these values in my front end in form of html table with two columns that it will look like following

     col1  col2
       1    2
       5    6
      134   245 and so on

below is my html div where i want to display it

 <div id="tabdata" >

 </div>

My angular controller code for http get

$scope.getdata =function(){
$http.get("/getdata" ).success(function(response){
$scope.output=response;
})

The table should be get adjusted according to the content coming from the response. Thanks in advance for reply.

Does it's response like this 1,2,5,6 or like 1,2 --first row 5,6 --2nd row — Hassan Tariq
– Hassan Tariq, Commented Mar 15, 2016 at 10:26

Slytherin · Accepted Answer · 2016-03-15 09:44:12Z

1

Read about ng-repeat

Based on structure of your data, you could use something like

<tr ng-repeat="row in dataset">
    <td ng-repeat="cell in row">{{cell.value}}</td>
</tr>

You could of course write your own directive, or if you know the incoming structure beforehand,specify cells accordingly (as to avoid nested repeat)

Tracking can be useful for larger datasets

answered Mar 15, 2016 at 9:44

Slytherin

4743 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

displaying the angular get response in html table format in a div

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related