Question

我正在尝试创建一个过滤器以显示和隐藏列表中的某些项目。我已经设置了两个过滤器，但似乎无法正常工作。如您所见，我在其他人的帮助下获得了一些帮助，但是这种帮助不再存在。我正在运行AngularJS。

到目前为止，我有以下内容：

1）显示和隐藏价格。

<h4 class="pl_header">Hidden Prices</h4>
            <ul class="price_list_filter">
                <li>
                    <label>
                        <span>Show</span>
                        <input type="checkbox" class="faChkSqr pull-right" ng-model="filter_hi" value="Hi" ng-change="hidden_show()">

                    </label>
                </li>

2）将其添加到我的体内。

<tbody ng-repeat="price_level in price_levels | orderBy:propertyName:reverse | filter:filterByCategory | filter:filterByType | filter:searchSKU | filter:filterByHide" ng-style="{ 'background-color' : (price_level.buyer) ? 'lightgray' : 'white' }">

3）我的JavaScript。

$scope.hidden_show = function() {
        $scope.UIfilterby.hide = [];
        if($scope.filter_hi == false){
            $scope.UIfilterby.hide.push("Hi");
        }
        $scope.UIfilterby.hide = $scope.UIfilterby.hide.join();

    }

和

$scope.filterByHide = function(price_level){
        if($scope.UIfilterby.hide){
            return ($scope.UIfilterby.hide.indexOf(price_level.hidden) !== false);
        }else{
            return {};
        }
    }

我遵循与其他两个过滤器相似的结构，一个过滤器按类别过滤，另一个过滤器按类型过滤。也许我需要将其添加到Django的filters.py中？我对此并不陌生，将不胜感激。谢谢。

如何使用AngularJS创建过滤器以显示/隐藏某些项目？

0 个答案: