bootstrap-select 不是 select 在正确的项目中

Question

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

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

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

更新

如果您想动态呈现 select 选项，我建议您使用 ng-options，它完美支持 select。您可以 select 反对 select 选项

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-select 不是 select 在正确的项目中

bootstrap-select not selecting the correct item

javascript

angularjs

twitter-bootstrap

bootstrap-select