如何动态更改 ui select 在 angularjs 中的选择

Question

我有几个 UI 选择，基于第一个的 selection 我想将选择加载到第二个。我该如何为第二个动态地做这件事。我确实做了一些广泛的搜索，但找不到任何东西。

<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>

这是我的 ui select 中的第一个，它具有选择，基于这些选择，我想将数据加载到第二个 UI select 中有办法实现吗？

Answer 1

在第一个 ui-select 的 -select 上调用一个函数，并在该函数中相应地设置第二个 ui-select。参考这个 https://github.com/angular-ui/ui-select/wiki/ui-select

如何动态更改 ui select 在 angularjs 中的选择

How to dynamically change the choices of ui select in angularjs

javascript

angularjs

ui-select2

ui-select

angular-ui-select