我想过滤结果.
有一个葡萄酒列表,我的愿望是当没有选中复选框时,会显示整个葡萄酒列表.
我是AngularJS的新手,我尝试使用ng-model并没有成功,这里是没有与该函数关联的ng-model的代码:
<html ng-app="exampleApp">
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.10/angular.min.js"></script>
<script>
angular.module("exampleApp", [])
.controller("defaultCtrl", function ($scope) {
$scope.wines = [
{ name: "Wine A", category: "red" },
{ name: "Wine B", category: "red" },
{ name: "wine C", category: "white" },
{ name: "Wine D", category: "red" },
{ name: "Wine E", category: "red" },
{ name: "wine F", category: "white" },
{ name: "wine G", category: "champagne"},
{ name: "wine H", category: "champagne" }
];
$scope.selectItems = function …checkbox angularjs angularjs-directive angular-ngmodel angular-filters
可以使用复选框删除过滤器吗？
如果选中复选框,则将禁用ng-repeat内的过滤器.例如,如果复选框countryfilter和winetypefilter被选中,相关的过滤器将被禁用.
原始代码(已启用过滤器)
<li ng-repeat="wine in wines | winetypefilter:winetypes| countryfilter:countrytypes | stylefilter:styletypes">
{{wine.name}} is a {{wine.type}} with {{wine.style}} style from {{wine.country}}
</li>
(过滤器与复选框,禁用countryfilter和winetypefilter会导致):
<li ng-repeat="wine in wines | stylefilter:styletypes">
{{wine.name}} is a {{wine.type}} with {{wine.style}} style from {{wine.country}}
</li>