javascript

AngularJS dynamic search box on same page  #angularjs #reactjs

  • If you want to search everything(both link and name), just use searchString 2.
  • exactly what i need for filtering but links are not working – I mean not redirecting to the pages – abidinberkay 4 hours ago
  • I have a list of links on page, and a search box.
  • still only result on page is {{item.value}} – abidinberkay 3 hours ago
  • @abidinberkay I have added the comments inside the HTML for filtering with link and name, link or name.

I have a list of links on page, and a search box. I want to filter list elements dynamically according to the text typed in the box. I have found some example but they use external lists- not a list typed on same html file.

@ng_real_ninja: AngularJS dynamic search box on same page #angularjs #reactjs

I am new in AngularJS but I have basic HTML and JavaScript knowledge.

I have a list of links on page, and a search box. I want to filter list elements dynamically according to the text typed in the box. I have found some example but they use external lists- not a list typed on same html file.

As you guess I cannot make filtered elements visible/unvisible like this. How can I filter them (all html codes must be in 1 page so we cannot call another js file, controller or etc.)

Note: If there is a way with just Javascript or etc. without using angular js, it is welcome as well.

Last Edit: All 3 answers are correct and working fine right now.

did you use this? – Sai 4 hours ago

can you please explain what you want to filter in the above html file. I didn’t get exactly what you want to filter – Venkatesh Konatham 4 hours ago

so you want to implement like above. But the links will be static from html right? – Venkatesh Konatham 4 hours ago

@VenkateshKonatham I did not understand what is static link. But I want the links are able to redirect. Just below, in answer of “Nagaveer Gowda” the code is working great. If you just copy it a simple notepad and open in browser you will see it is working for filtering but links are not redirecting.. The problem is this. – abidinberkay 3 hours ago

javascript

You might also like More from author

Comments are closed, but trackbacks and pingbacks are open.