javascript - 在 ng-repeat 中按顺序生成数字

标签 javascript angularjs

我必须为 ng-repeat 和我正在使用的 $index 按顺序生成数字(连续数字),但这再次为我提供了从 1 到第二个 ng- 的序列重复。 我尝试在范围内获取一个变量,然后在 View 中递增,但这也没有奏效。

Example plunker

代码:

 <body ng-controller="MainCtrl">
  <ul ng-repeat="detail in details">
    <li><span>{{$index +  1}}</span><span> {{detail.name}}</span>

    </li>
  </ul>
  <ul ng-repeat="detailed in details.name">
        <li><span>{{$index +  1}}</span><span>{{detailed.prof}}</span></li>
   </ul>
</body>

Controller :

    app.controller('MainCtrl', function($scope) {

    $scope.details = [
   { "name": "Employees" },
   { "name": "Support" }
    ];
     $scope.details.name = [
   { "prof": "enginerr" },
   { "prof": "doctor" }
    ];
});

在此 plunker 工程师编号应为 3,医生编号应为 4。

如有任何帮助,我们将不胜感激。

最佳答案

details.length添加到第二个ng-repeat

 <body ng-controller="MainCtrl">
  <ul ng-repeat="detail in details">
    <li><span>{{$index +  1}}</span><span> {{detail.name}}</span>

    </li>
  </ul>
  <ul ng-repeat="detailed in details.name">
        <li><span>{{details.length + $index +  1}}</span><span>{{detailed.prof}}</span></li>
   </ul>

关于javascript - 在 ng-repeat 中按顺序生成数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41023347/

相关文章:

javascript - 如何按比例设置此 jQuery 动画的持续时间?

javascript - SO标签编辑器计算输入宽度

angularjs - 无法以 Angular 方式访问 $http 响应中的 'WWW-authenticate' header

javascript - AngularJS应用程序中的错误

php - 使用数据库、php、js 确定餐厅现在是否营业(就像 yelp 一样)

javascript - 如何在按下 `Stop` 按钮时停止动画并卡住图像

javascript - Angularjs ng-repeat $last 在 IE 7.0 中为空

javascript - Ionic 3动态单选按钮formBuilder验证如果全部选择则启用按钮

javascript - 从 : left, 右、上、下悬停的不同悬停效果

html - 用户界面路由器 : ui-sref not changing font color