Question

我在Angular中使用bootstrap select Bootstrap-select v1.7.2。当我从下拉列表中选择一些选项时，它会选择其他一些选项。

此处设置了Plunker：

（代码位于dashboard.html和dashboard.js）

我是如何创造它的。 bootstrap-dropdown是启动下拉列表的指令。

<select ng-model="vm.CurrCustomer.Logic" name="ddlLogic"   bootstrap-dropdown >
    <option>Contains</option>
    <option>Greater Than</option>
    <option>Less Than</option>
    <option>Equal To</option>
</select>

Answer 1

您错过了在您的选项上添加值属性，可以在选择任何选项时设置ng-model的值

<select ng-model="vm.CurrCustomer.Logic" name="ddlLogic" bootstrap-dropdown>
    <option value="">Contains</option>
    <option value="Greater">Greater Than</option>
    <option value="Less">Less Than</option>
    <option value="Equal">Equal To</option>
</select>

<强>更新

如果您想动态渲染选择选项，我建议您使用支持选择完美的ng-options。您可以在选择选项

时选择对象

Demo here

Answer 2

问题是您无法添加选项值属性。设置值属性或使用ng-repeat选项生成此属性

Answer 3

以上答案必须是正确的答案，但是，似乎你有一个不需要的空选项，它正在弄乱索引。通过添加一个真实的它开始工作。

<select ng-model="vm.CurrCustomer.Logic" name="ddlLogic"   bootstrap-dropdown >
        <option></option>
        <option>Contains</option>
        <option>Greater Than</option>
        <option>Less Than</option>
        <option>Equal To</option>
</select>

bootstrap-选择不选择正确的项目

3 个答案: