AngularJS:如何在ng-repeat中获取当前迭代编号

吉米

我有这个ng-repeat循环:

<div ng-repeat="chapter in chapters">
    <div>Chapter #<span>{{ X }}</span>: {{ chapter.name }}</div>
</div>

如何{{ X }}成为循环中的迭代?

给我这样的结果:

第一章:开始

第二章:中间

第三章:结局

萨耶塔兰(Sajeetharan)

您可以使用$ index,

var app = angular.module("App", []);
app.controller("Cont", function($scope) {
  var Chapters = [
  {
    "pid": "110",
    "name": "Harry"
   
  },
  {
    "pid": "109",
    "name": "potter"
   
  },
  {
    "pid": "101",
    "name": "Peter"
  
  },
  {
    "pid": "104",
    "name": "Janifer"
    
  }
 
];
  $scope.chapters = Chapters;
});
<!DOCTYPE html>
<html>
<head>
   <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script>

</head>
<body ng-app="App" ng-controller="Cont">
  
        <div ng-repeat="x in chapters track by $index">
          <td> Chapter#{{$index}} {{x.name}}</td>
          
        </div>
      
  </body>

</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

AngularJS:如何在ng-repeat中获取索引值?

如何在 AngularJS 的 ng-repeat 中获取函数结果?

如何在Angularjs中的ng-repeat中显示单行

如何在Python的matplotlib中获取当前图形编号?

如何在angularjs中从ng-repeat分配ID值

AngularJS-如何在ng-repeat中重复tr

AngularJS - 如何在 ng -repeat 中显示日期

如何在angularjs中的ng-repeat中比较值

如何在ng-repeat angularjs中显示高图

如何在ng-repeat中的angularJs中生成发票?

如何获取Enumerable.Repeat方法的当前迭代

如何在 Angularjs 中获取当前状态

AngularJS:如何在ng-repeat中使用$索引

如何在AngularJS中保留ng-repeat的滚动位置?

如何在AngularJs中将ng-repeat用于字典?

如何在ng-repeat angularjs中使用多重响应?

如何在angularjs中使用ng-repeat

如何在AngularJs的mutilpe文本字段的ng-repeat中实现ng-model?

如何在ng-repeat中迭代2组数据

如何在Angularjs中的ng-model中处理数组

如何在AngularJs中收集ng-model Checkbox?

如何在AngularJS的ng-options中设置value属性?

如何在angularjs ng-view中禁用$ anchorScroll

AngularJS:如何在编译之前获取ng-repeat指令模板?

AngularJS NG-repeat:如何在必须过滤唯一值的ng-repeat中重复数据

如何在AngularJS中使用ng-repeat动态生成ng-model =“ my _ {{$ index}}”“?

如何在angularjs中使用ng-click显示ng-repeat的确切内容

如何在ng-repeat中的angularjs中的文本框中设置默认值

使用ng-repeat时如何在angularjs中的特定行中隐藏<td>