Place input in URL without refreshing after submit

Question

I am trying to make something somewhat like google, have a search bar that's able to search without refresh, and on submit update the URL, show content and able to switch to another page (like google shopping). and after switching still keeping the value in the input field and URL.

I'm rather new to angular, so it might be out there somewhere already but haven't found it yet.

Thanks! :)

Welcome to SO. Please visit the [help] to see what and how to ask. HINT: Post effort and CODE. Use the `<>` to post a [mcve]. You want to look at AJAX - for example http://stackoverflow.com/questions/22301754/how-to-change-the-url-in-the-browser-address-bar-when-content-is-loaded-in-ajax — mplungjan, Mar 27 '17 at 12:10

score 0 · Answer 1 · answered Mar 27 '17 at 12:35

0

try:

window.history.pushState("object or string", "Title", "/newUrl");

answered Mar 27 '17 at 12:35

Alek1688

1

score 0 · Accepted Answer · answered Mar 27 '17 at 13:36

0

According to your question I think you have to call one function on ng-blur in your search input which will fired one http request to get particular result for search query.

<input class="md-input" ng-model="search" ng-blur="getSearchResult(search)">

answered Mar 27 '17 at 13:36

Arshad Shaikh

564
1
3
13

Thanks, i used this and some other things i found and it works now. Will try to form my questions better next time! – Thomas van Strijland Mar 28 '17 at 09:26

Place input in URL without refreshing after submit

2 Answers2