angularjs - 如何在没有指令的情况下将 JQuery 与 Angular 一起使用？

Question

在 AngularJS 应用程序中，有什么方法可以在没有指令的情况下使用 JQuery？指令似乎很难使用，我不想回到 JSF 的方式，即每个 DOM 相关的东西都应该在指令中。我可以直接在视图中使用 JQuery 吗？如何？

score 3 · Accepted Answer

相信我，只要养成快速、小指令来满足您的 jQuery 需求的习惯。就其本质而言，Angular 会处理许多您会为您使用 jQuery 的 DOM 操作。当您确实需要访问 jQuery 对象时，只需执行以下操作：

myApp.directive("sortable", function() {
    return function(scope, element) {
        element.sortable(<options>);
    }
}

我总是在项目中得到很多这样的指令，它们可能是你制定的一些最有用、最简单、最强大的指令。如果您愿意，指令还可以让您传递自定义属性，这非常方便，例如：

<div resizable min-width="200" max-width="600" handle="e, w">

你只需要完成 10 或 15 个这些“简单”指令的过程，它就会变得自然。

score 0 · Accepted Answer

在 Angular UI 中，他们提供了可以检查的规定（jQuery Passthrough - 调用元素上指定的 jQuery 函数或插件）@ http://angular-ui.github.io/ui-utils/

因为他们展示了如何在几乎没有工作的情况下调用引导工具提示

score 0 · Accepted Answer

AngularJS 有一个精简版的 JQuery，它不像你必须回去ab initio写指令 - http://docs.angularjs.org/api/angular.element

建议不要直接进行 DOM 操作，而是使用 AngularJS 中的指令。有学习曲线，但要花时间越过它。

3 回答 3