How to remove QueryString in Angular JS

Question

I have an URL http://sitename.com/#/products/manage-options/31?form_id=32&type=create-template

Here above my URL I want to remove type but below my code not working properly. Please Check

My Current page URL - http://sitename.com/#/products/manage-options/31?type=create-template

<a href="" ng-click="clickMe();">Click Here</a>

$scope.clickMe = function(){
  $location.search('type', null);
  $state.go('products.manage_options', ({form_id: $stateParams.form_id}));
};

After page redirecting I saw type QueryString not removed.

My output is - http://sitename.com/#/products/manage-options/31?form_id=32&type=create-template I want http://sitename.com/#/products/manage-options/31?form_id=32

please help me.

EDIT:

Router

.state('products.manage_options', {
        url: '/manage-options/:product_id?form_id=&type',
        templateUrl: "views/product/manage_options.html",
        controller: "manageAttributeCtrl",
        data: {pageTitle: 'Manage Options'},
})

what is the URL target of your state 'products.manage_options' ? — JuniorDev
– JuniorDev, Commented Sep 28, 2016 at 5:25
Might be worth to specify ({form_id: $stateParams.form_id}, {type: ''}) @Chinu — Piyush Chauhan
– Piyush Chauhan, Commented Sep 28, 2016 at 5:39

Developer · Accepted Answer · 2016-09-28 05:43:37Z

4

Remove

$location.search('type', null);

Change following line :

$state.go('products.manage_options', ({form_id: $stateParams.form_id, type:null}));

answered Sep 28, 2016 at 5:43

Developer

2,7168 gold badges46 silver badges65 bronze badges

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

Comments

NagaPrasad · Accepted Answer · 2016-09-28 06:19:08Z

1

see documentation https://docs.angularjs.org/api/ng/service/$location#search

     $state.go('products.manage_options', ({form_id: $stateParams.form_id, type:null}));

edited Sep 28, 2016 at 6:19

answered Sep 28, 2016 at 5:51

NagaPrasad

443 bronze badges

Collectives™ on Stack Overflow

How to remove QueryString in Angular JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related