title: Display array as list in angular
body: <p>I have an array in my javascript called "animals":</p>
  
  <pre><code>var animals = ["dog", "cat", "horse", "cow"];
  </code></pre>
  
  <p>My html is:</p>
  
  <pre><code>&lt;p&gt;{{animals}}&lt;/p&gt;
  </code></pre>
  
  <p>Currently it is displaying like so:</p>
  
  <pre><code>["dog", "cat", "horse", "cow"]
  </code></pre>
  
  <p>I'd like it to display like so:</p>
  
  <pre><code>dog
  cat
  horse
  cow
  </code></pre>
  
  <p>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? </p>
  
  <p>Advice is appreciated.</p>