I have an angular application working with angular ui-router. When I run the application from server the url is like localhost/..../index.html
After I click on any state the url changes to
localhost/.../index.html#[whateverStateClicked]
which is normal.
But now I wanted to add some application specific custom string after index.html something like this localhost/.../index.html/appString
when the application starts and something like localhost/.../index.html/appString#[whateverStateClick]
upon click of any state and want the application to function in the same way as when the appString is not present.
This appString will be updated during the usage of application or simply bound to a scope variable for updation which shouldn't affect the normal flow.