AngularJS選擇帶有語義UI下拉菜單

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/