angularJS table array

Question

I'm using angularJS to create an table. But it didn't works so great atm.. here my problem.

Code:

appGenerator.controller('customersCtrl', function ($scope) {
     $scope.names = [
        {"Name": "EMAIL", "StringValue": "dsa@dsada", "Type": "C"},
        {"Name": "DESC", "StringValue": "Test","Type": "C"}
        ];
});

HTML:

 <table class="table">
            <tr ng-repeat="tableItem in names">
                <td ng-repeat="item in tableItem">{{item}}</td>
            </tr>
        </table>

At the moment I get the whole Item. But I want the the "StringValue". I tested <td ng-repeat="item in tableItem">{{item.StringValue}}</td> But it doesn't works. I don't get any output. What I'm doing wrong?

Ali BARIN · Accepted Answer · 2015-10-30 10:41:56Z

2

You should do it like the following;

<table class="table">
  <tr ng-repeat="tableItem in names">
    <td>{{ tableItem.name }}</td>
    <td>{{ tableItem.StringValue }}</td>
    <td>{{ tableItem.Type }}</td>
  </tr>
</table>

You already iterated the names. Then you should use the object.

answered Oct 30, 2015 at 10:41

Ali BARIN

1,92020 silver badges23 bronze badges

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

2 Comments

Erdem Güngör Over a year ago

Oh god! Thanks :D so easy ^^

Kulbhushan Singh Over a year ago

You can even iterate on object {"key": "value"} pair, please refer: stackoverflow.com/questions/33434003/angularjs-table-array/…

Community · Accepted Answer · 2017-05-23 12:29:51Z

2

Your second ng-repeat is on object's {"key": "value"} pair so ng-repeat should be as follows:

<table class="table">
    <tr ng-repeat="tableItem in names">
        <td ng-repeat="(key, value) in tableItem">{{key}}&nbsp;{{value}}</td>
    </tr>
</table>

Please refer: How can I iterate over the keys, value in ng-repeat in angular

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Oct 30, 2015 at 10:44

Kulbhushan Singh

5285 silver badges18 bronze badges

2 Comments

Ali BARIN Over a year ago

You can iterate keys and values of the object like that. But what did you with this attribute 'ng-repeat="item in tableItem"'? There is no tableItem data in ngRepeat. So why did you iterate it? You should fix this code.

Erdem Güngör Over a year ago

<td >{{ value.Name}} </td> with this <td> tag it works. Thanks :)

Collectives™ on Stack Overflow

angularJS table array

2 Answers 2

2 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Linked

Related