Javascript 将多个CSS类应用于角度选择？

我在组件的模板中有一个普通的选择，如下所示：

<select id='target-region' multiple="" class="ui dropdown">
    <option selected value="01">Europe</option>
    <option value="02">North America</option>
    <option value="03">South America</option>
    <option value="04">Asia</option>
    <option value="05">Africa</option>
</select>

没有错误，但下拉选择现在以奇怪的方式显示：

我的样式似乎不起作用，单击不同的选项也不会选择它们，因此它甚至不起作用

我检查了select并看到了以下内容：

这表示

ui下拉列表

类将应用于angular创建的外部包装

div

，而不是应用于

select

---

至少，我想知道：如何使

ui下拉列表直接应用于select？
如果您直接尝试转换为angular，您需要更改一些javascript/css以使ng选项工作。如果你不想改变什么，我建议你试试这个

<select id='target-region' multiple="" class="ui dropdown">
<option ng-repeat="item in $ctrl.TARGET_REGIONS" value="item.value" >{{item.name}}</option>
</select>


{{item.name}
嗨，我是这样做的。这是一把小提琴

我想你可能忘了初始化你的下拉列表

$(function () {
$('.tag .ui.dropdown').dropdown({allowAdditions: true});  
 });

ui下拉列表最初来自哪里？你能给我们一个fiddle/css样式来告诉我们你的问题是什么。JS fiddle会更有用。请提供更多信息，例如，如果您正在使用select或任何其他javascript插件。谢谢，我会试着把它删减，这样它就可以放在小提琴里了。我确实意识到它使用的是语义UI下拉菜单：有没有办法阻止角度样式应用于下拉菜单？因为这和我已经尝试过的效果一样。你的下拉列表是定制的还是使用了插件来实现样式和行为？如果你使用了一个插件，请告诉我你使用了哪一个。我到目前为止。我正在尝试让第一个被选中。看看它是否对您有帮助问题在于它使用jquery，而angular与jquery不太匹配。他们正在尝试将语义用户界面与angularjs集成，我所研究的还处于测试阶段。谢谢你的尝试，但对我来说不起作用（我认为有其他因素在干扰，但这个应用程序（由其他人构建）涉及的代码太多了，我真的不知道如何将其精简，并将其放到一个小提琴中。
<select id='target-region' multiple="" class="ui dropdown">
<option ng-repeat="item in $ctrl.TARGET_REGIONS" value="item.value" >{{item.name}}</option>
</select>

$(function () {
$('.tag .ui.dropdown').dropdown({allowAdditions: true});  
 });