bootstrap-選擇不選擇正確的項目

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

您錯過了在您的選項上添加值屬性，該屬性將在選擇任何選項時設置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 。 您可以在選擇選項時選擇對象

在這里演示

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>