在AngularJS中,可以使用ng-repeat指令来实现表格数据绑定。以下是一个示例代码,演示了如何将数据绑定到表格中:
HTML代码:
Name
Age
City
{{ person.name }}
{{ person.age }}
{{ person.city }}
AngularJS代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.people = [
{ name: "John", age: 25, city: "New York" },
{ name: "Jane", age: 30, city: "San Francisco" },
{ name: "Bob", age: 35, city: "Seattle" }
];
});
在上面的示例中,ng-repeat指令用于循环遍历people数组,并将数组中的每个对象的属性绑定到表格的每一行中。
在控制器中,我们创建一个名为people的数组,其中包含三个人的信息。然后,我们将这个数组赋值给$scope对象的people属性,以便在HTML中使用。在HTML中,我们使用{{}}插值表达式来显示每个人的姓名、年龄和城市。