Question

我正在开发一个这个项目，我使用angular来制作动态网页，并使用语义UI来获得外观。

在遇到这个问题之前，一切都很顺利：我有2个下拉菜单，第二个菜单的选项取决于第一个选项。

<div class="cf">
    <div class="col padh_half col_year">
        <label class="fl">Year</label>
        <select ng-change="changeCountries()" ng-options="year for year in years track by year" ng-model="selectedYear" class="ui search dropdown fluid ">
        </select>
    </div>

    <div class="col padh_half col_year">
        <label class="fl">Country</label>
        <select ng-options="country.value for country in countries | orderBy:'value' track by country.id" ng-model="selectedCountry" class="ui search dropdown fluid ">
        </select>
    </div>
</div>

changeCountries，将模型国家/地区更改为该年的国家/地区。在我运行这件作品之前，一切都很完美：

$(document).ready(function () {
    $('.ui.dropdown').dropdown();
})

当我现在尝试更改第一个下拉列表时，第二个下拉列表不再发生变化。虽然函数changeCountries被调用。我现在该怎么办？

Answer 1

这对我有用！：）

http://angularify.github.io/angular-semantic-ui/

AngularJS选择Semantic UI下拉列表

1 个答案: