I created a directive called categoryList that generates a select box of categories. It works perfectly fine and updates the outer controller scoped property specified in ngModel when a category is selected. However, when I place the categoryList directive inside another directive called subCategoryList, the scope of subCategoryList does not update properly.
The issue can be observed in this code snippet: In the first select box, changes are reflected in the outer scope as expected. But in the second select box, the changes made within the categoryList directive do not affect the subCategoryList.