Angular 2 - Send value with hashtag in url

Question

In my application I have a list of registered products.

I am trying to send the product name in the url.

However the product name it has # hashtag and the product name is arriving incomplete on the server:

front end

var product = "PLASTIC #1JQ-M 1CV T-PLAS"
return this._http.get(Config.URL_SITE + 'list/productLen?product='+product)...

back end

router.get('/productLen', function(req, res, next) {
  var productName= req.query.product;
  console.log(productName) //PLASTIC
...

How to make the productName variable receive the full name? "PLASTIC #1JQ-M 1CV T-PLAS"

score 5 · Accepted Answer · edited May 23 '17 at 12:32

You should use encodeURIComponent() function before adding product name to URL.

var product = "PLASTIC #1JQ-M 1CV T-PLAS"
return this._http.get(Config.URL_SITE + 'list/productLen?product=' + encodeURIComponent(product))...

There are alternative solutions: How to get Url Hash (#) from server side, but they are mostly how to retrieve hash on server in general.

1 Answers1