Question

我相信我的问题有答案。我确实喜欢我发现的一些解决方案，但仍然无法将默认值设置为我的下拉列表。这是我的代码。

<td>                                    
<div ng-controller="daftarGroup" class="ui fluid multiple selection dropdown">
    <input name="group" value="admin" type="hidden">
    <i class="dropdown icon"></i>
    <div class="default text">Group</div>
    <div class="menu">
    <div ng-repeat="y in groups" class="item" data-value="{{ y.gid }}">
        {{ y.gid }}
    </div>

    </div>
    <script type="text/javascript">
        $('.ui.dropdown').dropdown();
    </script>
</div>
</td>

我的下拉列表中会有一个组列表，其中一个项目是“admin”。数据使用Angular呈现。每次加载页面时，我都希望下拉菜单显示“admin”作为默认值。在另一个小提琴，它运行完美，但不是在我的机器。每次刷新页面时，我的下拉列表中都没有设置任何值，但可以访问组列表。对我的案子有什么看法吗？

感谢。

Answer 1

您可以将data-ng-options和ng-init与ng-model一起使用以获得默认值。

HTML：

 <select 
         ng-init="group = groups[0]"
         ng-model="group"
         data-ng-options="y.gid for y in groups">
 </select>

角度控制器：

$scope.groups = [
        {gid: 1},
        {gid: 2}
];

设置多选语义UI下拉列表的默认值

1 个答案: