bootstrap-select 没有选择正确的项目

Question

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

Plunker 在这里设置：

http://plnkr.co/edit/MRYOkW?p=preview

（代码在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

您错过了在选项上添加 value 属性，该属性将在选择任何选项时设置 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>