Javascript 来自控制器的视图上下文中的dom元素

我有一个角度视图中的形状。在表单上的按钮中，我添加了一个使用$http向服务器发送请求的事件。在将请求发送到服务器之前，我需要使用jqueryvalidate验证表单

为了验证表单，我需要控制器中表单的dom引用。我的应用程序中已经有jQuery。因此，可以使用

$(selecter) or angular.element($(selecter))

但在这两种情况下，它都会搜索整个文档以获取元素的引用。相反，我需要在视图的上下文中搜索元素，这将提高性能

我在angular中见过$element的用法。但后来我发现，不建议使用$element，在angular的新版本中，它可能会贬值。当我试图在控制器中获取$element时，我得到了一个错误。所以我想它已经贬值了

---

那么，从控制器获取视图上下文中的dom元素的最佳方法是什么呢？

不建议从控制器获取视图上下文中的dom元素。要访问dom，应该创建角度指令

正如米卡莱所说。要使用任何元素进行操作，必须创建指令（这是一种角度方式…）

例如：

• html

• 指示

  app.directive('selectAll', function () {
  return {
      restrict: 'A',
      link: function(scope, element, attrs) {
          element.on('click', function() {
              this.select();
          });
      };
  });
  

此指令仅选择文本元素中的所有文本

更新：

我已经为你创造了。这就是你想要的吗

更新2

我刚刚意识到，我们根本不需要评估。我不知道，为什么我一开始就把它放在那里。Eval也可能是有害的

---

看看这个。

在这种情况下，对于我的应用程序中的每个表单，我必须创建一个新的指令。所以，如果我可以使用controller来实现这一点，那就更好了。或者您可以在controller中声明函数，然后在指令中通过attrs传递它们的名称，在指令中使用eval（'var fn=+'attrs.function）来使用它们？我不知道，只是想：）事实上我是angular js的新手，你能在plunkr或JSFIDLE中添加一些代码吗？再次检查我的答案。这是你需要的吗？