Javascript 尝试使用语义UI和angularJS执行ng更改

我正在尝试加载一个包含angularjs和语义UI的下拉列表，代码如下

<div id="state" class="ui search selection dropdown">
  <label for="state">Estado</label>
  <input type="hidden" name="state">
  <i class="dropdown icon"></i>
  <div class="default text">Selecione o Estado</div>
  <div class="menu" ng-model="state" ng-change="loadCity()">
    <div ng-repeat="state in states" class="item" data-value="{{state.ID}}">{{state.NAME}}</div>
  </div>
</div>
<div>

埃斯塔多
埃斯塔多精选酒店
{{state.NAME}

但这一事件并没有发生

当我使用下面的代码时，它可以工作：

<select id="state" class="ui search selection dropdown" ng-model="state" ng-init="loadState()" ng-change="loadCity(state.ID)">
  <option ng-repeat="state in states" value="{{state.ID}}">{{state.NAME}}</option>
</select>

{{state.NAME}

---

我做错了什么？

看起来这是其他人遇到的问题。看看这个问题：

我找到了一种方法，用1.3的魔法从角度解决这个问题。这不是最好的方法，但它很有效

它可以通过使用formController和手表简单地解决。 我更新了plnkr。请注意，我使用下划线.js查找表单中控件的数组索引

其余部分是纯角度和一些jquery

请看以下部分：

app.directive（'select'

在提供的示例中，它使用select标记，而不是语义ui中的标记div。还有其他示例吗？