如何在 angular Js 的路由参数中发送空字符串？

Question

您好，我有一个表格，我要在其中发送 searched term 和 category id。它工作正常，因为我发送了两个东西，但是如果用户没有输入任何东西，只有 'category 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>

我的controller.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'
}).

查看此答案了解更多信息：Can angularjs routes have optional parameter values?

如何在 angular Js 的路由参数中发送空字符串？

How to send empty string in routeparams in angular Js?

javascript

forms

angularjs

routeparams