angularjs-ng-repeat仅适用于$ index

Question

I am new to AngularJS and I have to say I am finding it exceedingly difficult and fiddly.

I have a json response from a webserver. Typical array of dictionaries. I want to display the name key for each dictionary in the values array. This works:

<ul>
  <li ng-model="projects" ng-repeat="values in projects">
    project name:{{projects.values[$index].name}}
  </li>
</ul>

This does NOT work, but I don't understand why it doesn't:

<ul>
  <li ng-model="projects" ng-repeat="values in projects">
    project name:{{values.name}}
  </li>
</ul>

Plain old {{name}} doesn't work either. None of the examples I've found resort to calling out the array index explicitly with $index , so I must be doing something wrong. Please enlighten me!

Answer 1

you don't need ng-model on your list anywhere.

here is a working example of what you're trying to do:

http://jsfiddle.net/8r2zA/1/

and as the others said, if you need access to the index in your iteration you can do:

<ul>
  <li ng-repeat="(index, values) in projects">
    {{projects[index].name}}
  </li>
</ul>

Answer 2

It would be good, to see yours projects structure.
But, you could also try:

<li ng-repeat="(index, name) in projects">
  {{name[index]}}
</li>