Display array as list in angular

Question

I have an array in my javascript called "animals":

var animals = ["dog", "cat", "horse", "cow"];

My html is:

<p>{{animals}}</p>

Currently it is displaying like so:

["dog", "cat", "horse", "cow"]

I'd like it to display like so:

dog
cat
horse
cow

I've looked at the official Angular documentation for the ng-list directive and am still scratching my head. Is there perhaps another (better) directive for this?

Advice is appreciated.

nweg · Accepted Answer · 2015-03-18 21:04:06Z

10

Use ng-repeat:

<p ng-repeat="animal in animals">{{animal}}</p>

or

<ul>
    <li ng-repeat="animal in animals">{{animal}}</li>
</ul>

answered Mar 18, 2015 at 21:04

nweg

2,8753 gold badges25 silver badges31 bronze badges

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

2 Comments

user3159063 Over a year ago

Thank you; much simpler than what I was contemplating doing. It works now.

nweg Over a year ago

Glad to be of help. Can you mark this as the answer if it solved your problem?

Collectives™ on Stack Overflow

Display array as list in angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related