Populate <dl> list from array

Question

I am using angularJS and have a javascript array of objects, each object has

Count
ID
Subject

I would like to use this array to populate a with these values:

                            <dl>
                                <dt>Count</dt>
                                <dd>Subject</dd>
                                  <!--all objects should appear as above-->  
                            </dl>

Is there a way to do this?

Possible duplicate of Looping through a javaScript object's array with angular — Manish
– Manish, Commented Jun 10, 2016 at 3:58

wot · Accepted Answer · 2016-06-10 03:53:34Z

1

$scope.yourArray = [
    {"Count": "something1", "ID":  "something2", "Subject":  "something3"},
    {"Count": "something1", "ID":  "something2", "Subject":  "something3"},
    {"Count": "something1", "ID":  "something2", "Subject":  "something3"},
    {"Count": "something1", "ID":  "something2", "Subject":  "something3"}
]; // On the controller

<dl ng-repeat="item in yourArray">
    <dt>{{item.Count}}</dt>
    <dd>{{item.Subject}}</dd>
</dl>

answered Jun 10, 2016 at 3:53

wot

8454 silver badges10 bronze badges

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

1 Comment

Dawson Over a year ago

Thanks for the answer

Fadhly Permata · Accepted Answer · 2016-06-10 03:53:59Z

1

Try this:

<dl ng-repeat="myDataItem in myDataArr">
  <dt>{{ myDataItem.Count }}</dt>
  <dd>{{ myDataItem.Subject }}</dd>
</dl>

answered Jun 10, 2016 at 3:53

Fadhly Permata

1,68613 silver badges26 bronze badges

Collectives™ on Stack Overflow

Populate <dl> list from array

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related