I am working on implementing a dynamic feature for my UI Selects. Specifically, I have multiple UI Selects and I want to load choices into the second one based on the selection made in the first one. Despite my extensive search, I have not been able to find a solution to achieve this. Can anyone guide me on how to dynamically load choices into the second UI Select?
<ui-select append-to-body="true"
ng-model="requirementChoice" theme="bootstrap"
ng-disabled="disabled" close-on-select="true"
title="choose a requirement"
theme="selectize"
name="requirements" id="requirements">
<ui-select-match placeholder="
{{translations.SLA_CHOOSE_REQUIREMENTS}}">
{{requirementChoice}}
</ui-select-match>
<ui-select-choices repeat="choice in requirementTypes |
filter:$select.search">
{{choice}}
</ui-select-choices>
</ui-select>
I have set up the first UI Select with choices and now I need to find a way to dynamically populate the second UI Select based on the choices made in the first one. Is there a solution for achieving this functionality?