Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Angularjs在内部循环中生成序列号列表_Angularjs - Fatal编程技术网

如何使用Angularjs在内部循环中生成序列号列表

如何使用Angularjs在内部循环中生成序列号列表,angularjs,Angularjs,我有两个ng重复,一个嵌套在另一个 <div ng-repeat='x in categories'> <span>x.name</span> <div ng-repeat='y in items'> <p>{{ how to write the expression here ?}}</p> </div> </div> 有人能猜出来吗 谢谢。您只需使用CSS即可实现这

我有两个ng重复,一个嵌套在另一个

<div ng-repeat='x in categories'>
   <span>x.name</span>
   <div ng-repeat='y in items'>
      <p>{{ how to write the expression here ?}}</p>
   </div>
</div>
有人能猜出来吗


谢谢。

您只需使用CSS即可实现这一点,而不管项目属于什么:

CSS:

HTML:


编辑:。

项目如何与类别相关?hi@sylwester一个项目实例具有类别id以引用其类别。hi scarlz,它看起来非常简洁:我尝试过,但没有显示数字,也没有调试错误…不确定为什么看不到预期结果-我在响应中添加了一个可用的plunker。
Food
  1
  2
  3
Water
  4
  5
Vegy
  6
  7
etc...
body {
  counter-reset: items;
}
.item:before {
  counter-increment: items;
  content: counter(items) ".\00A0\00A0";
}
<div ng-repeat='x in categories'>
  <div ng-repeat='y in items'>
    <p class="item"></p>
  </div>
</div>