【问题标题】:AngularJS and select2 from Angular-UI: Selected option different from what user picksAngular-UI 中的 AngularJS 和 select2:选择的选项与用户选择的不同
【发布时间】:2014-05-28 01:12:26
【问题描述】:

当用户选择一个选项时,另一个选项会显示为所选选项。这仅在启用 select2 时发生。但是,ng-model 将按预期正确运行,因此选择将显示与 ng-model 报告的选项不同的选项。

值得注意的是,如果我再次单击该选项,它将正确选择并显示我想要的项目,并且选择和模型将同步

例子
<select class="form-control" ui-select2 class="select2El" ng-model="schedule.deviceid" ng-options="device.deviceid as device.name for device in devices"></select>

其中 devices 是一个对象数组。

如果我单击显示的第一个选项(例如选项 ID:1),一个完全不相关的选项(选项 ID:30)将显示为所选项目。 Ng-model 将显示选项 1。

如果我再次单击预期的第一个选项,它现在将正确显示。Ng-model 仍将显示选项 1。

版本:

  • 角度#1.2.16
  • select2#3.4.6

【问题讨论】:

标签: javascript angularjs angular-ui


【解决方案1】:

ui-select2 文档说它与 ng-options 不兼容。

github.com/angular-ui/ui-select2#working-with-dynamic-options

你应该使用 ng-repeat。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-05-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-18
    • 1970-01-01
    相关资源
    最近更新 更多