Semantic-UI 1.6下拉输入和Angular.JS ng-options

时间:2015-01-16 18:56:54

标签: angularjs semantic-ui

我在语义用户界面的ui下拉列表选项中使用了ng-options。

问题是,它传递了输入中的所有值。

screenshot

我尝试过使用重复HTML - >

<select  ng-model="category" class="ui dropdown">
        <option value="">Select Category</option>
        <option ng-repeat="value in categories" value="1">{{ value.label }}</option>
                </select>

和选项

<select ng-options="value.id as value.label for value in categorias" 
        ng-model="novoAgendamento.category" class="ui dropdown">
                <option value="">Selecionar Categoria</option>
</select>

1 个答案:

答案 0 :(得分:0)

很抱歉,你必须等待很长时间,如果你还没有设法修复它,我就是这样做的:

<label>Select an item</label>
    <select required 
        class="ui dropdown" 
        ng-model="form.item"
        ng-options="item.id as item.naam for item in items">
    </select>

另外,不要忘记通过运行以下代码来初始化下拉列表:

$rootScope.$on('$viewContentLoaded',function(){
    $('.dropdown').dropdown();
});

我在属于具有下拉列表的View的控制器上运行这段代码

(如果你想这样做,不要忘记注入$ rootScope)