javascript - 将 Angular JQLite 导出为 $/jQuery

Question

我偶尔会发现一些插件试图检测 JQuery 是否存在，或者是否有 1-2 行代码使用 $。我想知道是否有可能以某种方式使 Angular 的 JQLite 在 Angular 应用程序之外可用？我第一次尝试简单地查看 JQLite 是否可用，但没有成功。基本上我希望变量 $ 或 jQuery 在任何地方都可用(或者至少在我的 ng-app 区域内)，看看它是否包含足够的功能来让这些 jquery插件/代码工作。

这是来源 https://github.com/angular/angular.js/blob/master/src/jqLite.js

Answer 1

实际上，您可以，但几乎肯定无济于事。

如果您想“导出”它，只需在加载 Angular JavaScript 后添加:

window.jQuery = window.$ = angular.element;

现在调用 $() 或 jQuery() 将运行 jqLit​​e。 这就是它最有可能不起作用的原因: jqLit​​e 不支持选择器，这意味着你不能这样做

angular.element('.foo').html();

您只会收到一条错误消息，指出 未实现选择器。

Here's a jsFiddle显示它在直接用于元素时有效，但在选择器中失败。

---

编辑

根据下面 Yashua 的建议，这里有一个 update using his trick to enable selectors .如果 jqLit​​e 足够好，这是一个不错的技巧/技巧。

---

就我个人而言，我不同意您应该只包含 jQuery。这是另一个需要依赖的大型库，如果您只执行几个单行代码，您应该能够使用适当的指令将它们直接集成到 Angular 中。我会花时间看看您是否可以重写现有代码。