AngularJS Exact Filter Match in Values

In one of my older AngularJS project I was facing a strange issue, there were two select boxes with values populated differently in them. The values in second select drop-down depend upon the first one.

So the required scenario is to show only those values in the second drop down who is under selected value in the first drop down.

take some sample objects for these select drop down as follows:

 

Now we have ‘id‘ in the first list whose value is given in the second list as ‘parentid‘. now as there is a relation in these lists, we need to show values in the second drop down who’s ‘parentid‘ matched the ‘id‘ in the first list.

Firstly I tried to achieve this using filters as follows:

But this was not working as expected see below image:

Value 1 is also matching 12 šŸ˜

I also triedĀ the strict parameter (true) but of no use.

After that, I created this customĀ filter to strictly filter values

 

In HTML binding with the filter will look like this

Then it worked as expected! This is just a simple code to help if someone stuck in a similar situation šŸ™‚

 

Thanks for visiting :) Let me know if you have some suggestions or feedback for this post in the comment section. Looking for any tutorial or demo on FreakyJolly, just drop me a message here

Leave a Reply

avatar
  Subscribe  
Notify of