如何在Angular JS中以Routeparams的形式发送空字符串

Question

嗨，我有一个我发送 searched term和 category id的表格。当我发送这两种内容时，它的工作正常，但是如果用户不输入任何"类别ID"的内容，则在后端，如果searched term为空，则所有结果都向用户显示。

但是，如果我在路由参数中发送一个空字符串，我将重定向到我的index页面。这是我的app.js代码。

  when('/subcategory/:subcatId/:search', {
                templateUrl: 'partials/subcategory.html',
                controller: 'SubCategoriesController'
            }).

我的表格

   <form name="searchCategoryForm">
                <div class="col-md-9 col-xs-10 col-sm-10">
                    <input class="form-control" placeholder="Find your item here...." ng-model="search" type="text" style="color:#09669c;">
                </div>
                <div class="col-md-2 col-xs-2 col-sm-2">
                    <a class="btn btn-primary" role="button" href='#/subcategory/{{cats[clicked_category].id}}/{{search}}'> Search</a>                  
                </div>
            </form>

我的控制器.js

$scope.search_term = $routeParams.search;
    $scope.category_id = $routeParams.subcatId;
    /* Search category form */

    $scope.search_category = function () {
        $http({
            method: 'GET',
            url: 'abc',
            params: {"name": $scope.search_term, "category_id": $scope.category_id},
            headers: {'Content-Type': 'application/x-www-form-urlencoded', 'Authorization': $rootScope.keyword_auth_token}
        })
                .success(function (data) {
                    $scope.search_category_result = data.items;
                    console.log($scope.search_category_result);
                    })
                .error(function (data) {
                    console.log(data);
                });
    };
    /* Search category form ends here*/
    if ($scope.search_term && $scope.category_id)
    {
        $scope.search_category();
    }

Answer 1

我相信您应该通过问号（？）将其标记为可选的搜索词：

when('/subcategory/:subcatId/:search?', {
    templateUrl: 'partials/subcategory.html',
    controller: 'SubCategoriesController'
}).

有关更多信息，请参见此答案：AngularJS路由可以具有可选参数值吗？