angularJs 表格
Posted Andrew_F
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularJs 表格相关的知识，希望对你有一定的参考价值。
<table> <tr style="{{$even?\' margin: 0px; padding: 0px; color: rgb(102, 102, 0);">:\'\'}}" ng-repeat="x in names"> <td>{{ $index + 1 }}</td> <td>{{ x.Name }}</td> <td>{{ x.Country }}</td> </tr> </table>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.6.3/angular.min.js"></script> <style> table, td { border: 1px solid grey; border-collapse: collapse; padding: 5px; } </style> </head> <body> <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr style="{{$even?\'background-color: #f1f1f1\':\'\'}}" 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("/try/angularjs/data/Customers_JSON.php") .then(function (result) { $scope.names = result.data.records; }); }); </script> </body> </html>
以上是关于angularJs 表格的主要内容，如果未能解决你的问题，请参考以下文章