在AngularJS中,可以使用过滤器来对表格数据进行过滤。以下是一个例子:
HTML代码:
Name
Age
City
{{ person.name }}
{{ person.age }}
{{ person.city }}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.people = [
{name: 'John', age: 25, city: 'New York'},
{name: 'Jane', age: 30, city: 'Los Angeles'},
{name: 'Bob', age: 35, city: 'Chicago'}
];
});
在这个例子中,通过使用ng-model指令绑定到元素的searchText变量,我们可以实时监听输入框的变化。然后,我们使用filter过滤器将输入的文本与people数组中的每个对象进行比较,只显示匹配的行。
当你在输入框中输入文本时,表格将根据输入的内容进行过滤,只显示匹配的行。