Javascript AngularJS选择语义UI下拉列表

我正在做一个这个项目，我使用angular来制作动态网页，我使用语义UI来实现外观和感觉

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

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

---

当我现在尝试更改第一个下拉列表时，第二个下拉列表不再随之更改。尽管函数会被调用。我现在该怎么办？

这帮我搞定了！：）

---

这对我来说是个好办法！：）

---

一般来说，当您拥有javascript库时，还应该为它们提供一组指令。例如，引导具有或。我不确定哪些AngularJS指令库可用于Semantici。AngularJS和SemantiUI库都尝试读取/写入DOM，正如@Stryner所指出的，一个库的DOM修改会损坏另一个库。尝试调用$（'.ui.dropdown'）.dropdown（）；在每次更改之后，看看会发生什么，最好更精确地指定要使用semantic ex.$（'.ui.dropdown.second_celect'）.dropdown（）初始化的元素；一般来说，当您拥有javascript库时，还应该为它们提供一组指令。例如，引导具有或。我不确定哪些AngularJS指令库可用于Semantici。AngularJS和SemantiUI库都尝试读取/写入DOM，正如@Stryner所指出的，一个库的DOM修改会损坏另一个库。尝试调用$（'.ui.dropdown'）.dropdown（）；在每次更改之后，看看会发生什么，最好更精确地指定要使用semantic ex.$（'.ui.dropdown.second_celect'）.dropdown（）初始化的元素；

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