我用 AngularJS 创建了一种词汇表
当我单击字母列表按钮时,一个函数 (categoryFilterFn) 按类别过滤 json 数据。当过滤器没有返回结果时,我想将 CSS 应用于按钮。例如,如果我单击 Z 按钮,json 文件中不存在相关条目,因此过滤器不返回任何内容,并且 Z 字母按钮将设置为带有 css 的白色。我不知道如何使用 ng-clas 来应用它。这里的代码:
<div ng-app="essaiApp">
<section ng-controller="EssaiCtrl">
<button type="button" ng-repeat="letter in alphabet" ng-click="selectCategory(letter)">
{{letter}}
</button>
<div ng-repeat="item in todo.items | filter:categoryFilterFn">
{{item.categoria}}
</div>
</section>
</div>
控制器:
essaiApp.controller("EssaiCtrl", function ($scope, $filter) {
$scope.todo = model;
var selectedCategory = null;
$scope.selectCategory = function (newCategory) {
selectedCategory = newCategory;
}
$scope.categoryFilterFn = function (polo) {
return selectedCategory == null ||
polo.categoria == selectedCategory;
}
$scope.alphabet = "abcdefghijklmnopqrstuvwxyz".split("");
});