如何一起使用 select2 v4.03 和 AngularJS
How to use select2 v4.03 and AngularJS together
我想使用 AngularJs 和 Select2 v4.03 而不添加任何指令。我研究过 select2
的新版本现在可以实现。
目前我一直在使用 ui-select
,但它只支持旧版本的 select2
,我想在我的应用程序中使用新的 select2
功能。
任何人都可以帮助我如何直接将 select2
与 AngularJS 一起使用(也许通过 ng-model
)?
Select2
是一个 jQuery 插件,它与 AngularJS 本机小部件(在 angular 中这些是指令)采用完全不同的方法,旨在工作 angular-从头开始。因此,如果可以的话,通常最好使用本机指令。如果你找不到好的替代品,那么你也可以使用 jQuery 元素,但你必须将它们包装在 angular 指令中以调整它们并使它们在 angular-方法。这就是像 ui-select
这样的项目所做的。
因此,如果较新的 select2
在 ui-select
上仍然不可用,您可以等到它实施。或搜索另一个包装器...或者,搜索本机替代品。如果您还没有,我建议您看看 oi-select,例如,我觉得它非常好而且灵活。
更新
抱歉,我刚刚检查过,ui-select 的 select2
实现是 jQuery 版本的原生 angularJS 实现,而不仅仅是包装器。
我想使用 AngularJs 和 Select2 v4.03 而不添加任何指令。我研究过 select2
的新版本现在可以实现。
目前我一直在使用 ui-select
,但它只支持旧版本的 select2
,我想在我的应用程序中使用新的 select2
功能。
任何人都可以帮助我如何直接将 select2
与 AngularJS 一起使用(也许通过 ng-model
)?
Select2
是一个 jQuery 插件,它与 AngularJS 本机小部件(在 angular 中这些是指令)采用完全不同的方法,旨在工作 angular-从头开始。因此,如果可以的话,通常最好使用本机指令。如果你找不到好的替代品,那么你也可以使用 jQuery 元素,但你必须将它们包装在 angular 指令中以调整它们并使它们在 angular-方法。这就是像 ui-select
这样的项目所做的。
因此,如果较新的 select2
在 ui-select
上仍然不可用,您可以等到它实施。或搜索另一个包装器...或者,搜索本机替代品。如果您还没有,我建议您看看 oi-select,例如,我觉得它非常好而且灵活。
更新
抱歉,我刚刚检查过,ui-select 的 select2
实现是 jQuery 版本的原生 angularJS 实现,而不仅仅是包装器。