语义UI下拉列表无法使用ng-repeat angularJS

Question

请参阅plunker： https://plnkr.co/edit/YeOJjf6AZyJ7hAfpFfsK?p=preview

在Plunker中，您可以看到颜色下拉列表工作正常，但形状下拉列表没有。我猜这是因为我使用ng-repeat作为形状。

颜色 html是

<select class="ui dropdown">
  <option>1</option>
  <option>2</option>
</select>

而形状 html是

<select class="ui dropdown">
  <option ng-repeat="test in tests" value="{{test}}">{{test}}</option>
</select>

我在代码中找不到任何错误。如何使用ng-repeat进行下拉工作？

请访问上面的Plunker链接了解更多详情。感谢。

------- 更新

我通过移动来实现它

$(".ui.dropdown").dropdown();

从 app.js 控制器到 index.html <script></script>。请参阅Plunker，https://plnkr.co/edit/NIZ20VKFYb2QfKyr91Lz?p=preview。

但是，我仍然不明白为什么控制器中的$(".ui.dropdown").dropdown();不起作用。感谢。

Answer 1

它似乎是Semantic渲染内容的方式。我在另一篇文章中找到了这个解决方法

<div class="field">
  <label for="Role">Role</label>
    <div class="ui selection dropdown">
      <div class="default text">{{test}}</div>
        <i class="dropdown icon"></i>
          <div class="menu">
            <div ng-repeat="test in tests" class="item" ng-click="setTest(test)">{{test}}</div>
        </div>
    </div>
</div>

https://plnkr.co/edit/X1qxtVM15xNFvdzlkeYE?p=preview