title: Display an array in angularjs
body: <p>I have an API on my nodejs server which will return an array.</p>
  
  <pre><code>[
    "123_ayesha098",
    "3ar7hkung",
    "aali",
    "Abdelhak",
    "adityaputra",
    "adraga",
    "agnusdark",
    "ahkeno",
    "ahmedjubayer",
    "ahsan_hq",
    "akenygren",
    "alexfuser",
    "alexlakatos",
    "alexxed",
    "alfasst",
    "amaciel"
    ...
    ...
  ]
  </code></pre>
  
  <p>I'm trying to display this list       </p>
  
  <pre><code>  &lt;div class="list-group" ng-repeat="name in contributors"&gt;
      &lt;!-- Links to detail level --&gt;
      &lt;a href="#/contributors/{{ name }}" class="list-group-item"&gt;
        &lt;strong&gt;Contributor: &lt;/strong&gt; {{ name }} &lt;br&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>It is being display like this</p>
  
  <pre><code>Contributor: {"0":"1","1":"2","2":"3","3":"_","4":"a","5":"y","6":"e","7":"s","8":"h","9":"a","10":"0","11":"9","12":"8"} 
  Contributor: {"0":"3","1":"a","2":"r","3":"7","4":"h","5":"k","6":"u","7":"n","8":"g"} 
  Contributor: {"0":"a","1":"a","2":"l","3":"i"} 
  Contributor: {"0":"A","1":"b","2":"d","3":"e","4":"l","5":"h","6":"a","7":"k"} 
  Contributor: {"0":"a","1":"d","2":"i","3":"t","4":"y","5":"a","6":"p","7":"u","8":"t","9":"r","10":"a"} 
  Contributor: {"0":"a","1":"d","2":"r","3":"a","4":"g","5":"a"} 
  </code></pre>
  
  <p>How do I display them correctly here?</p>
  
  <p>After doing this </p>
  
  <pre><code>  &lt;pre&gt;{{ contributors | json }}&lt;/pre&gt;
  </code></pre>
  
  <p>I'm getting this in the page</p>
  
  <pre><code>[
    {
      "0": "1",
      "1": "2",
      "2": "3",
      "3": "_",
      "4": "a",
      "5": "y",
      "6": "e",
      "7": "s",
      "8": "h",
      "9": "a",
      "10": "0",
      "11": "9",
      "12": "8"
    },
    {
      "0": "3",
      "1": "a",
      "2": "r",
      "3": "7",
      "4": "h",
      "5": "k",
      "6": "u",
      "7": "n",
      "8": "g"
    },
    {
      "0": "a",
      "1": "a",
      "2": "l",
      "3": "i"
    },
  </code></pre>
  
  <p>This is in <code>service.js</code></p>
  
  <pre><code>listOfContributors: $resource('/transifex/listOfContributors', {}, {
    query: {
      method: 'GET',
      params: {},
      isArray: true
    }
  }),
  </code></pre>
  
  <p>in <code>controller.js</code></p>
  
  <pre><code>$scope.contributors = Transifex.listOfContributors.query();
  </code></pre>
  
  <p>and in `app.js</p>
  
  <pre><code>$routeProvider.when( "/trans/contributors", { templateUrl: "partials/transifex/userlist.html", controller: "TransifexSplattrController"});
  </code></pre>