AngularJS- AngularJS 教程
- AngularJS 简介
- AngularJS 表达式
- AngularJS 指令
- AngularJS ng-model 指令
- AngularJS Scope(作用域)
- AngularJS 控制器
- AngularJS 过滤器
- AngularJS 服务(Service)
- AngularJS XMLHttpRequest
- AngularJS Select(选择框)
- AngularJS 表格
- AngularJS SQL
- AngularJS HTML DOM
- AngularJS 事件
- AngularJS 模块
- AngularJS 表单
- AngularJS 输入验证
- AngularJS API
- AngularJS Bootstrap
- AngularJS 包含
- AngularJS 动画
- AngularJS 依赖注入
- AngularJS 路由
- AngularJS 应用
- AngularJS 参考手册
AngularJS 表格
ng-repeat 指令可以完美的显示表格。
在表格中显示数据
使用 angular 显示表格是非常简单的：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<table>
<tr ng-repeat="x in names">
<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>
- 赞助商