How to send empty string in routeparams in angular Js?

Question

Hi I have a form in which I am sending a searched term and category id . It works fine as I am sending both things but if a user does not enter any thing only 'category id' goes, and in back end if searched term is empty all results are display to user.

But if I send an empty string in route params I redirect to myindex page. This is my app.js code.

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

My form

   <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>

My 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();
    }

Community · Accepted Answer · 2017-05-23 10:30:41Z

1

I believe you should mark your search terms as optional by suffixing it with a question mark (?):

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

See this answer for more info: Can angularjs routes have optional parameter values?

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Dec 15, 2016 at 7:52

Robba

8,49413 gold badges52 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Usman Iqbal Over a year ago

Hats Off Sir :)

Robba Over a year ago

Yes it's here in the docs: docs.angularjs.org/api/ngRoute/provider/$routeProvider under the Methods when(path,route) section for the path param.

Usman Iqbal Over a year ago

can I ask one more question if I send the empty string the url becomes something like this subcategory/1/ I want to remove the last '/'

Robba Over a year ago

Not sure if you can do that with the one route, but I'm pretty sure you can just add a second route without the /:search suffix that uses the same template and controller.

Usman Iqbal Over a year ago

Let us continue this discussion in chat.

|

Collectives™ on Stack Overflow

How to send empty string in routeparams in angular Js?

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related