在控制器中定义一个函数来过滤数组并将其绑定到视图上的按钮上。以下是一个示例代码:
控制器:
app.controller('myCtrl', function($scope) {
$scope.names = [
{name:'John',country:'Norway'},
{name:'Jan',country:'Sweden'},
{name:'Sofia',country:'Denmark'},
{name:'Kari',country:'Norway'},
{name:'Jonas',country:'Finland'},
{name:'Magnus',country:'Sweden'}
];
$scope.filterCountry = function(c) {
$scope.countryFilter = c;
};
});
视图:
-
{{ x.name + ', ' + x.country }}
在上面的代码中,我们定义了一个名为filterCountry
的函数来过滤数组。该函数将要过滤的国家名称作为参数接收,并将其赋值给countryFilter
变量。在视图中,我们使用ng-click指令将不同的值传递给filterCountry
函数,并使用countryFilter
变量来过滤数组。我们将上述所有内容结合在一起,便可实现通过单击按钮来过滤数组。