jquery ui的轻量级替代品,可在角度项目中选择

时间:2015-04-02 01:28:56

标签: javascript jquery angularjs jquery-ui jquery-ui-selectable

jQuery UI 可选择小部件是一个功能强大的工具。

https://jqueryui.com/selectable/

然而,我认为将这个小部件添加到一个角度项目中会被视为反对“角度方式”。但是,我试图在jquery和角度生态系统中广泛搜索提供与可选小部件相同功能的替代插件,但我找不到任何插件。例如,突出的Angular UI项目没有这样的功能。

我错过了什么吗?是否有一种纯粹的javascript / css方式来模仿跨浏览器工作的jQuery UI可选小部件,或者这是另一种获取功能的最佳方式是忽略“角度方式”并包含jQuery UI小部件的情况? / p>

1 个答案:

答案 0 :(得分:1)

我遇到了类似的问题,并通过使用selectable.js解决了这个问题。它仍然不是100%Angular,但是与包括jquery和jquery-ui相比,它的开销要少得多。

Example of integrating Angular with Selectable.js

有些事情可能需要解释:

  1. 使用例如安装selectable.js npm
  2. 使用import Selectable from 'selectable.js';包含selectable.js。这至少适用于webpacker,因此应适用于使用angular cli创建的项目。
  3. 使用可选的appendTo配置项很重要。这需要引用div。在Angular中,应使用@ViewChild完成,并要求div获取标签,在这种情况下为#container。有关详细信息,请参见https://stackoverflow.com/a/42591893/1128705
  4. 只有在Angular完成视图初始化之后,才能使用对容器标签的引用,因此我们需要使用AfterViewInit