Как мне создать фильтр с AngularJS, чтобы показать / скрыть определенные элементы?

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 {};
        }
    }

Я следовал аналогичным структурам для двух других фильтров, одинбыл отфильтрован по категории, а другой по типу.Может быть, мне нужно добавить его в мои filters.py в Django?Я новичок в этом, любая помощь будет оценена.Спасибо.