是否可以在AngularJS中使用ExtJS组件?

时间:2013-05-08 18:06:59

标签: extjs angularjs

我真的很高兴学习使用AngularJS。现在我正在寻找可以使用它的组件。我一直在研究Angular-UI组件,但我想知道是否可以在ExtJS中使用漂亮的,增压的组件。有任何人对此有经验吗?任何提示或技巧或Angular指令库?

4 个答案:

答案 0 :(得分:9)

我工作的公司正在采取类似行动。我们目前在很大程度上依赖于ExtJS的旧版本(3.x),升级到当前版本(5.0)的努力至少等于移动到角度所需的工作量。

回答这个问题(据我所知有限):

它们可以在同一个JS应用程序中共存。

你可以使用带有Angular的ExtJs的UI元素吗?

您可以通过Ext。

中的HTML模板将角度控制为标记

这是一个明智的想法吗?

可能不是。

为什么我会考虑这样做?

  1. 我需要对标记进行绝对控制,并且不关心可能的页面加载问题

  2. 我需要以Ext不提供的特殊方式序列化或反序列化

  3. 我需要做一些像pub / sub这样特殊的事情(仍然完全可以使用Ext)

  4. 在我们的例子中,它是一些模态的概念证明。如果我有偏见,我偏向于ExtJs的方向(根据我的背景,这是一个巨大的陈述)。我对ExtJS的曝光度越高,我个人越喜欢它。我过去曾使用过几个框架,比如Ember,Backbone,KnockoutJs和AngularJs,它们都是很好的工具,达到了成熟的水平,使它们成为出色的选择。也就是说,他们没有遵循ExtJs所做的相同的开发模式/模式,我也不认为直接比较对任何一方都是公平的。

    这几乎就像将Ext与Node进行比较(愚蠢,我知道)。

    如果您的项目需要一些您不相信Ext可能的特殊功能,那么您可能就像我一样,并且使用它的经验有限。如果你有很多使用Ext的经验,并想尝试我们正在尝试的东西,我会说它去吧。 Ext的单一下降是交付的构建包的大小。另一个小框架并没有帮助它,但它也不会导致更多的痛苦。

    最后,对我来说,我只是喜欢JS,并且扩展了我对现在和将来的工作方式的了解。

    对于以上关于Ext缺乏牵引力的帖子:答案很简单......它不是免费的,因此对于我们这些没有编写商业软件的人来说不是一个选择非常适合许可证。

答案 1 :(得分:8)

在我们的AngularJS应用程序中,我们已经集成了第三方ExtJS应用程序,而不是其UI组件。我们根据用户输入打开该应用程序的某些弹出窗口,当用户在弹出窗口中提交数据时,我们会响应ExtJs事件来刷新我们的应用程序。只要库具有要响应的公共事件,AngularJS就足够灵活,可以与任何其他Javascript代码/库集成。我建议您阅读有关如何有效创建指令并回复Directive事件的scopescope文档。

就个人而言,我不觉得ExtJS和AngularJS会一起被需要,除非你像我一样被迫使用它。有http://angular-ui.github.io/可以带来很多东西。同样,任何给定的JQuery插件都可以使用AngularJS中的指令,过滤器等进行集成。因此,在尝试使用ExtJS之前,您可能需要对此进行调查。

答案 2 :(得分:3)

如果你有ExtJS,为什么还需要AngularJS?我同意学习Ext可能有点困难,虽然一旦你咬过它,目前没有什么比这更好了。唯一的缺点是占地面积较大但谁在乎呢?它不会导致任何问题...我们只使用ExtJS工作,我们的应用程序的进展是惊人的。它与Spring MVC无缝集成。我们不需要直接破解HTML,我认为它更有优势而不是缺点:没有更多的写标签,没有更多的打开/关闭标签问题,你仍然可以使用css和Ext处理任何浏览器不兼容性所以还有什么你还需要更多? Angular只是这个街区的新手,但总的来说它还不能(还)与ExtJS竞争。它甚至没有结束。只是我2美元。

答案 3 :(得分:0)

Sencha计划在框架中添加支持。请在底部找到链接以供参考:

2016年11月7日至9日在拉斯维加斯的SenchaCon,Sencha将介绍在Angular 2应用程序中使用Ext JS组件,布局和主题的能力,我们目前将其称为Ext JS Bridge到Angular 2(也被称为“桥梁”。)

https://www.sencha.com/blog/first-look-ext-js-bridge-to-angular-2/