javascript - 我如何在 angularJS 中实现按 url 值过滤？

Question

我没有实现通过url中获取的值进行过滤 过滤器:

$scope.categoryFilter = function (products){

                if ($routeParams.categorySlug == products.category.seo_name){
                    return;
                }else {
                    return $scope.products;
                }
            };

路线:

when('/products/category/:categorySlug', {
            controller: 'ProductsListController',
            controllerAs: 'vm',
            templateUrl: '/static/templates/products/products_index.html'
        }).otherwise('/');

Json:

{
    "name": "pants Classic Pyjama",
    "category": {
        "id": 2,
        "name": "Белье",
        "description": "",
        "visible": true,
        "products_count": 0,
        "products_count_cache": 0,
        "category_id_name": "2",
        "seo_name": "bele",
        "seo_title": "",
        "seo_desc": "",
        "seo_keywords": "",
        "lft": 2,
        "rght": 5,
        "tree_id": 3,
        "level": 1,
        "parent": {},
    "id": 920

在模板中我像这样使用它:

 <div class="catalog-item" ng-repeat="product in products |filter: categoryFilter">
        <div class="item-pre-title">
            Бесплатная доставка $150+
        </div>
        <div class="item-img">
            <a href="/products/{{ product.id }}/"><img ng-src="{{ product.picture[0].external_img_url }}" width="150px"
                                                       height="150px" alt=""></a>
        </div>
        <a href="/products/{{ product.id }}/" class="item-title">{{ product.name }}</a>
        <div class="item-price">
            <div class="price-old">{{ product.old_price }}</div>
            <b>{{ product.price }}</b>
        </div>
        <div class="item-footer">
            <a href="#" class="item-view"></a>
            <div class="item-sales-alert">
                Получить скиду
            </div>
        </div>
    </div>

控制台中的警告:

angular.js:11706 TypeError: Cannot read property 'seo_name' of null

请帮我解决这个问题:)

UPD I resolve TypeErro, but filtering still does not work

Answer 1

我解决了这个问题，添加了这个代码而不是我的旧过滤器:

 $scope.categoryFilter = function (products){

                try {
                    if ($routeParams.categorySlug){
                       if ($routeParams.categorySlug == products.category.seo_name)
                            return products;
                    }else{
                        return $scope.products;
                    }
                }
                catch (TypeError) {
                   return;
                }};