如何重複表頭詳細信息每2個記錄

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="customersCtrl"> 

<table> 
    <tr> 
    <th></th> 
    <th>Name</th> 
    <th>Country</th> 
    </tr> 
    <tr ng-repeat="x in names"> 
    <td>{{$index+1}}</td> 
    <td>{{ x.Name }}</td> 
    <td>{{ x.Country }}</td> 
    </tr> 
</table> 

</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 
    $http.get("http://www.w3schools.com/angular/customers.php") 
    .then(function (response) {$scope.names = response.data.records;}); 
}); 
</script> 

</body> 
</html>

海傢伙，如何重複表頭詳細信息每2個記錄

我使用NG-重複顯示錶中的記錄和$指數+ 1顯示的序列號。

我想顯示標題名稱和國家重複每2記錄（如果$ index％2 == 0）。我該怎麼做？請任何想法。

來源

2017-02-03 vignesh selvarathinam

嗯，我找到了我自己的答案。

<!DOCTYPE html> 
    <html> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <body> 

    <div ng-app="myApp" ng-controller="customersCtrl"> 
    <div ng-repeat-start="x in names"> 
    </div> 
    <div ng-if="$index % 2==0"> 
    <table ng-repeat="x in names | limitTo:1"> 
     <tr> 
     <th>S No</th> 
     <th>Name</th> 
     <th>Country</th> 
     </tr> 
    </table> 
    </div> 
    <table ng-repeat-end="x in names"> 
     <tr> 
     <td>{{$index + 1}}</td> 
     <td>{{ x.Name }}</td> 
     <td>{{ x.Country }}</td> 
     </tr> 
    </table> 

    </div> 

    <script> 
    var app = angular.module('myApp', []); 
    app.controller('customersCtrl', function($scope, $http) { 
     $http.get("customers.php") 
     .then(function (response) {$scope.names = response.data.records;}); 
    }); 
    </script> 

    </body> 
    </html>

來源

2017-02-10 07:25:33

如何重複表頭詳細信息每2個記錄

回答

相關問題