セマンティックUIのドロップダウンメニューはNGリピートangularJS

Question

で作業plunker参照してくださいません。Plunkerで https://plnkr.co/edit/YeOJjf6AZyJ7hAfpFfsK?p=preview

を、あなたは色ドロップダウンが正常に動作しているが、形状ドロップダウンがないことを見ることができました。私はの形状のためにng-repeatを使用していると思います。 形状 HTML私はコード内の間違いを見つけることができない

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

である

色 HTMLは

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

あります。 ng-repeatでドロップダウンリストを作成するにはどうすればよいですか？

詳細については、上記のPlunkerリンクをご覧ください。ありがとう。

------- UPDATE

私はそれがのindex.html<script></script>にapp.jsコントローラから

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

を移動することによって、働いていたんです。 Plunker、https://plnkr.co/edit/NIZ20VKFYb2QfKyr91Lz?p=previewを参照してください。

しかし、コントローラ内でなぜ$(".ui.dropdown").dropdown();が動作しないのか分かりません。ありがとう。

Answer 1

セマンティックがレンダリングする方法と思われます。私は別のポストに助けて

<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