Passing a pound sign as a value in the query string of a URL, using Angular

Question

I have an input tag and on input it will filter a list of data in a table according to the input value. That value is passed via the query string in the request URL. Typically I get data returned and the table is updated appropriately. However, when searching for the pound sign (#), I am receiving a 500 internal server error. My question is there a known issue with Angular when passing a pound sign in the query string?

Answer 1

To pass reserved characters in URLs, you need to use percent encoding. For #, it's %23.

The wikipedia page for Percent Encoding has a nice lookup table.