如何在没有指令的情况下使用带有Angular的JQuery？

Question

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

Answer 1

相信我，养成快速，小指令来处理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个这些“简单”指令的过程，它就会变得很自然。

Answer 2

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

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

Answer 3

在角度用户界面中，他们已经为您提供了检查（jQuery Passthrough - 调用元素上指定的jQuery函数或插件）@ http://angular-ui.github.io/ui-utils/

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