javascript - extjs4 应用程序的 AngularJS 包装器 - 好的设计吗？

Question

我正在 JSP 页面的 div 中加载 extjs4(.2.1) 应用程序。在我的 JSP 中，我根据允许用户执行的操作显示各种链接。单击每个链接时，页面会刷新，并且我设置了一些 javascript 变量(基于服务器端逻辑)，extjs 应用程序将这些变量用作输入。

为了摆脱页面刷新并提高性能，我使用 AngularJS 重构了这个页面(我刚刚学习了 Angular，所以我想我会尝试使用它)。我用过路由。所以现在我在页面加载时立即获得每次菜单点击的所有输入。当用户单击链接时，Angular 路由会为 extjs 应用程序设置适当的输入，而无需刷新页面或访问服务器。 extjs 应用程序现在存在于 IFrame 中，而不是像以前那样存在于 div 中，因此每次单击链接以重新加载 extjs 应用程序时，Angular 路由基本上都会刷新 IFrame。

结果看起来不错。页面加载速度更快。

我的问题:

• 这个设计好吗？
• 我知道 AngularJs 的真正威力在于数据绑定(bind)和指令，但我没有利用这些。在这个用例中使用 AngularJs 是否有点过分了？
• 是否有更适合此特定用途的库？

感谢您的宝贵时间。

Answer 1

虽然它可能有效，但维护应用程序的其他人需要了解这两个框架，并且您网站的访问者将必须下载所有额外的代码。

看起来 EXTJS 4 具有 UI 路由扩展 ext-ux-router ExtJS 5 内置了它。

通过使用 EXT JS 中内置的路由器，您也许能够避免 iframe 重新加载黑客攻击。