引导程序选择未选择正确的项目

bootstrap-select not selecting the correct item

本文关键字：选择 项目 引导程序      更新时间：2023-09-26

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

Plunker在这里设置：

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

（代码在dashboard.html和dashboard.js中）

这就是我创建它的方式。bootstrap下拉列表是启动下拉列表的指令。

<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>

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

此处演示

问题是不能添加option-value属性。设置值属性或使用ng重复选项生成该属性

上面的答案一定是正确的，但是，看起来你有一个不需要的空选项，它扰乱了索引。通过添加一个真实的，它开始起作用。

<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>
相关文章：