Javascript 可在角度项目中选择jquery ui的轻量级替代方案

Javascript 可在角度项目中选择jquery ui的轻量级替代方案,javascript,jquery,angularjs,jquery-ui,jquery-ui-selectable,Javascript,Jquery,Angularjs,Jquery Ui,Jquery Ui Selectable,jQueryUI可选小部件是一个强大的工具 然而,如果将这个小部件添加到一个有角度的项目中,我想会被认为是反对“有角度的方式”的。然而,我试图在jquery和angular生态系统中广泛搜索一个替代插件,该插件提供与可选小部件相同的功能,但我找不到。例如,突出的Angular UI项目没有此类功能 我错过什么了吗?是否有一种纯javascript/css的方式来模拟跨浏览器工作的jQuery UI可选小部件,或者这是另一种获得功能的最佳方式是忽略“角度方式”并包含jQuery UI小部件的情况

jQueryUI可选小部件是一个强大的工具

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


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

我也遇到过类似的问题,并通过使用解决了这个问题。它仍然不是100%的角度,但它的开销比包含jquery和jQueryUI要小得多

有些事情可能需要解释:

  • 使用例如npm安装Selective.js
  • 使用
    import selective from'selectible.js'包含selectible.js。这至少适用于webpacker,因此应适用于使用angular cli创建的项目
  • 使用可选择的appendTo配置项非常重要。这需要一个对div的引用。在Angular中,这应该通过
    @ViewChild
    完成,并且要求div获得一个标记,在本例中为#container。详情请参阅
  • 容器标签的引用仅在Angular完成视图初始化后可用,因此我们需要使用
    AfterViewInit

  • 有一点(不能评论这是否好):@NewDev-是的,我对那个项目很熟悉-它依赖于jqueryui。是的。但是我看不出你在问题的哪一部分指定了不依赖jQuery UI作为条件。@新开发-好,但问题是“有没有一种纯javascript/css方式来模拟jQuery UI可选小部件…?”你有一个错误的二分法:“有没有纯JS方式…或者这是忽略角度方式的另一种情况”。创建包装jQuery UI功能的指令并不是忽略角度方式。但是,无论如何,这个问题是离题的,因为它要求推荐一个图书馆谢谢。最初的问题是关于AngularJS,而不是Angular2+。看起来还没有人试图把它和AngularJS结合起来……我真的不知道问题是关于AngularJS的,正如标题中提到的AngularJS。但是,我提出的解决方案也可以与AngularJS一起使用,只需很少的修改!是 啊我去了github repo,它看起来好像有人能够用AngularJS做一个基本的例子,然后在尝试与
    ng repeat
    结合使用时遇到了麻烦。也许必须建立一个适当的AngularJS指令来适应。