ویرایش »
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <style> table, td { border: 1px solid grey; border-collapse: collapse; padding: 5px; } </style> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <body style="direction:rtl"> <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names"> <td ng-if="$odd" style="background-color:#f1f1f1"> {{ x.Name }}</td> <td ng-if="$even"> {{ x.Name }}</td> <td ng-if="$odd" style="background-color:#f1f1f1"> {{ x.Country }}</td> <td ng-if="$even"> {{ x.Country }}</td> </tr> </table> </div> <script> var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get("https://www.w3schools.com/angular/customers.php") .success(function (response) {$scope.names = response.records;}); }); </script> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit
