【问题标题】:Select2 with AngularJS not working as expected [duplicate]带有AngularJS的Select2无法按预期工作[重复]
【发布时间】:2018-05-20 13:50:33
【问题描述】:

我正在尝试让 select2 库与 AngularJS 选择一起使用。

我创建了一个小 jsfiddle,其选项值与我在项目中使用的选项值相同。

但是 select2 似乎工作不正常。 例如:当我选择索引 2 时,它会显示索引 3 中的值。对于第一本书它工作正常,但从第二次开始它就坏了。

JSFiddle Link

到目前为止有人遇到过这个问题吗?

【问题讨论】:

  • jQuery 添加的事件处理程序与 AngularJS 指令添加的事件处理程序抗衡。使用 angular-ui-select - AngularJS 原生版本的 Select2 和 Selectize
  • 你能分享一个angularjs-select的例子吗?
  • 我同意@georgeawg 使用角度插件库。但有时你只是没有得到完全相同的角度库。所以考虑到这一点,我已经发布了工作解决方案。您可以检查它是否有效,或者您始终可以使用 angular-ui 库集,如 ui-bootstrap 等

标签: javascript jquery angularjs jquery-select2


【解决方案1】:

您使用的angularjs 版本太旧了。至少使用 1.4.x 1.2 之后有很多突破性的变化。所以,至少从 1.4 开始它是相当稳定的。我从您的 jsfiddle 代码中创建了以下 plunker 示例。它按预期工作。

Plunker Example

【讨论】:

  • 这行得通。但我不明白为什么@georgeawg 写了“jQuery 添加的事件处理程序与 AngularJS 指令添加的事件处理程序作斗争”。它也不应该适用于 1.4。
  • @NagendraSingh 他说的是正确的。但是 angularjs 对 jquery 没有问题。他们建议不要使用,但是如果您在 index.html 中的 angularjs 之前添加 lib,那么 angularjs 本身就会开始使用外部 jquery。但是非常旧版本的 angularjs 与最新版本的 jquery 有问题。
猜你喜欢
  • 2013-06-23
  • 1970-01-01
  • 2020-04-23
  • 2013-07-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多