AngularJS: How do I create cascading lists?
I was looking for a cascading list solution and I found one here that almost gave me what I needed. I added a few tweaks to get my desired result. UPDATE: Be very careful with the items that are used in the filter. The filter is a string based comparison, so performing a filter on 'ID=1' will also return items for ID=10,ID=11 etc. My solution was to create two new properties: filterId and filterParentId. These are set to '<placeholder>ID<placeholder>'. For example, ###1###. You can then filter So, instead of searching for 1, you could search for ##1##, which would remove the unwanted results. My code is as follows: html: <select class="form-control" ng-model="selectedParentItem" ng-change="parentchanged()" ng-options="p.displayName for p in parentItems"></select> <select class="form-control"