使用带有 Angular 的 Jquery UI 插件答案

【问题标题】：Using Jquery UI plugin with Angular使用带有 Angular 的 Jquery UI 插件
【发布时间】：2014-04-14 06:35:54
【问题描述】：

我想在 Angular 应用程序中使用 jquery 的 UI 布局插件。是否有一个角度指令已经这样做了，或者有同样的目的？

【问题讨论】：

【解决方案1】：

AngularJS 是为健壮的架构而构建的，这就是为什么我们在指令和其他组件方面看到如此多的模块。将JQuery 与它放在一起就像离开他们的核心设计，而您自己最终会在维护代码库时陷入混乱。

如果您正在编写 AngularJS 应用程序，jQuery 是一个拐杖。

如果您正在启动 AngularJS 应用程序，请仔细查看 ng-boilerplate。然后看看ui-bootstrap’s directives。它们是一个活生生的例子，展示了您如何使用一小部分代码来做“jQuery 事情”，并构建一个更易于维护、更可测试且通常更易于使用的应用程序。

看看这些东西

How do I “think in AngularJS” if I have a jQuery background? - 一篇很好的 Stack Overflow 帖子，扩展了这个观点
Using AngularJS? Then stop using jQuery

【讨论】：

如果我必须使用该插件，是否可以像 angular-ui.github.io/ui-utils/#/jq 那样使用 Angular 的 Jquery Passthrough。
如果你使用jquery将它与angular分开，你可以使用lodash定义你自己的jquery函数然后在angular中调用

【解决方案2】：

创建布局模板： http://docs.angularjs.org/tutorial/step_07

【讨论】：