当2个输入在AngularJS中更改时调用同一方法时，标识方法的调用者

Question

可以说我有一个包含2列（用户ID，用户名）的表。 我有两个输入文本字段，它们在更改时会调用方法filter（）来过滤表中显示的数据。 在AngularJS中，我如何确定哪个元素称为filter（）方法。 我也想访问调用元素的数据属性。 我只是从Angular开始，任何帮助都会很棒！

我的HTML

<div ng-controller="MyCtrl">
<table><thead>
<tr><th><input type="text" class="filter" ng-model="jobid" ng-change="filter()" data-filterby="jobid"/></th>
<th><input type="text" class="filter" ng-model="name" ng-change="filter()" data-filterby="name"/></th></tr>
</thead></table>
</div>

我的AngularJS控制器

function MyCtrl($scope) {
  $scope.filter = function() {
    $item = angular.element(this);
    $item.val();
    /* ^^ This doesnt work - Throws an error*/
  }

我知道我可以轻松地为每个文本框使用单独的函数名称，但是我希望使用一个通用函数来处理它，从而获得更简单的代码。 如果是jQuery，我可以做这样的事情

$(".filter").keyup(function() {
  var text = $(this).val();
  var filterby = $(this).attr("data-filterby");
});

因此，无论哪个文本框发生变化，我都可以在该特定文本框中获取值。

Answer 1

由于似乎ngChange并不像ngClick那样支持$event ，因此您可以滚动显示它的ngChange版本， ngChange可以将指示符传递给您的filter方法，例如...

<input type="text" class="filter" ng-model="jobid" ng-change="filter('jobid')" data-filterby="jobid"/>
<input type="text" class="filter" ng-model="name" ng-change="filter('name')" data-filterby="name"/>

然后像这样使用它：

$scope.filter = function(key) {
  console.log(key + ' is ' + $scope[key]);
}

我想我应该问...您打算用这个值做什么？ 可能有一种更多的Angular方法可以实现您想做的事情。