在AngularJS 1.x中,你可以使用过滤器来过滤数据并显示只包含两列的结果。以下是一个示例解决方案:
HTML代码:
Column 1
Column 2
{{ item.column1 }}
{{ item.column2 }}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.data = [
{ column1: 'Data 1', column2: 'Value 1' },
{ column1: 'Data 2', column2: 'Value 2' },
{ column1: 'Data 3', column2: 'Value 3' },
{ column1: 'Data 4', column2: 'Value 4' }
];
});
上述代码中,我们创建了一个AngularJS模块myApp
和一个控制器myCtrl
,视图中有一个输入框用于过滤数据,并且使用ng-repeat
指令将过滤后的数据以表格的形式展示出来。
在控制器中,我们定义了一个包含数据的数组$scope.data
,然后将其绑定到视图中的ng-repeat
指令中。在过滤器中,我们使用searchText
模型来过滤数据。
这样,当输入框中的值改变时,表格中的数据会根据过滤条件进行过滤和显示。