Javascript 在AngularJS ng repeat中处理json数据

Javascript 在AngularJS ng repeat中处理json数据,javascript,angularjs,json,Javascript,Angularjs,Json,我想使用AngularJS ng repeat在表中显示json数据,但是我的表的第一行仍然是空的,因为我没有访问json数据的第一行。我想省略表中json数据的第一行。如何做到这一点 我的json格式: var myApp=angular.module'myApp',['ui.bootstrap']; myApp.controller'MyCtrl',函数$scope{ $scope.list=[ {部门id:d10,dname:dname}, {eid:10,ename:nam1}, {e

我想使用AngularJS ng repeat在表中显示json数据,但是我的表的第一行仍然是空的,因为我没有访问json数据的第一行。我想省略表中json数据的第一行。如何做到这一点

我的json格式:

var myApp=angular.module'myApp',['ui.bootstrap']; myApp.controller'MyCtrl',函数$scope{ $scope.list=[ {部门id:d10,dname:dname}, {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; $scope.list1=[ {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; }; Sr 员工ID 名称 {{$index+1}} {{data.eid} {{data.ename} 但我想这样: Sr 员工ID 名称 {{$index+1}} {{data.eid} {{data.ename}
如果不需要增加所示的$index,只需简单的ng即可

var myApp=angular.module'myApp',['ui.bootstrap']; myApp.controller'MyCtrl',函数$scope{ $scope.list=[ {部门id:d10,dname:dname}, {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; $scope.list1=[ {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; }; Sr 员工ID 名称 {{$index}} {{data.eid} {{data.ename} 但我想这样: Sr 员工ID 名称 {{$index}} {{data.eid} {{data.ename}
如果不需要增加所示的$index,只需简单的ng即可

var myApp=angular.module'myApp',['ui.bootstrap']; myApp.controller'MyCtrl',函数$scope{ $scope.list=[ {部门id:d10,dname:dname}, {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; $scope.list1=[ {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; }; Sr 员工ID 名称 {{$index}} {{data.eid} {{data.ename} 但我想这样: Sr 员工ID 名称 {{$index}} {{data.eid} {{data.ename}
如果像这样,尝试使用ng

 <tr ng-repeat="data in list1" ng-if="$index > 0">
          <td> {{$index+1 }} </td>

         <td> {{ data.eid }} </td>
          <td> {{ data.ename }} </td>

      </tr>

如果像这样,尝试使用ng

 <tr ng-repeat="data in list1" ng-if="$index > 0">
          <td> {{$index+1 }} </td>

         <td> {{ data.eid }} </td>
          <td> {{ data.ename }} </td>

      </tr>
更改代码如下: 更改代码,如:

如果要省略ng repeat中的第一行,可以使用ng If在skip$index=0上使用$index跟踪行

var myApp=angular.module'myApp',['ui.bootstrap']; myApp.controller'MyCtrl',函数$scope{ $scope.list=[ {部门id:d10,dname:dname}, {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; $scope.list1=[ {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; }; Sr 员工ID 名称 {{$index+1}} {{data.eid} {{data.ename} 但我想这样: Sr 员工ID 名称 {{$index+1}} {{data.eid} {{data.ename}
如果要省略ng repeat中的第一行,可以在跳过$index=0时使用ng If跟踪行的$index

var myApp=angular.module'myApp',['ui.bootstrap']; myApp.controller'MyCtrl',函数$scope{ $scope.list=[ {部门id:d10,dname:dname}, {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; $scope.list1=[ {eid:10,ename:nam1}, {eid:20,ename:nam2}, {eid:30,ename:nam3}, {eid:40,ename:nam4} ]; }; Sr 员工ID 名称 {{$index+1}} {{data.eid} {{data.ename} 但我想这样: Sr 员工ID 名称 {{$index+1}} {{data.eid} {{data.ename}
工作但是你能解释一下吗?ng if=$index这是否意味着索引不是0?增量是如何工作的?是的,$index在这里类似于标准数组迭代:0,1,2,3。。。所以要打印的第一个元素在其范围内得到$index=0。因为我们不想打印它,所以ng if提供了帮助——它只允许在条件为TRUE时打印元素,在javascript中,0等于FALSE。下一个要创建的元素是$index=1,所以如果条件等起作用,它将传递ng!但是你能解释一下吗?ng-
if=$index是否表示索引不是0?增量是如何工作的?是的,$index与标准数组迭代类似:0,1,2,3。。。所以要打印的第一个元素在其范围内得到$index=0。因为我们不想打印它,所以ng if提供了帮助——它只允许在条件为TRUE时打印元素,在javascript中,0等于FALSE。下一个要创建的元素是$index=1,所以它将传递ng if条件等。