在ng-click里面的jQuery传递html元素引用

注意：不是上述副本。 上面是访问clicked元素，这个问题是关于访问不同的元素。

题

如何在ng-click中将我的html文档中的元素（不是单击的元素）传递给Angular范围方法？

示例： http ： //jsfiddle.net/Ld8Zs/2/

HTML：

  
  One Two 
  

JavaScript的：

 var app = angular.module('myApp', []); app.controller('myController', function($scope) { $scope.clickHandler = function(el) { alert(typeof el); // real code work with element---set focus } }); 

在此示例中，当您单击使用onclick的第二个按钮时，您将获得“对象”。 当您单击通过ng-click的第一个按钮时，您将获得“未定义”。

我试图避免将jQuery代码本身移动到控制器或一般的Angular中以保持可测试性。

编辑：

我的原始示例使用jQuery查找第一个元素，该元素很容易被$event处理。 这实际上并不表示我想解决的问题，而是将我的实际问题转化为简单的可重现性。

链接的重复项不是同一个问题。

jQuery选择器不是有效的角度表达式，但它清楚地告诉我你要做什么。

我能想到的唯一方法是在范围上分配输入元素：

HTML：

One Two

 var app = angular.module('myApp', []); app.controller('myController', function($scope, $element) { $scope.input = $('input', $element); $scope.clickHandler = function(el) { alert(typeof el); } }); 

  
  One 
  

 app.controller('myController', function($scope, $element) { $scope.name = 'John'; $scope.clickHandler = function(model) { if (model == 'Tim') { alert("No!!! You're John!"); $scope.name = 'John'; } } });