javascript - 在 AngularJS 中传递这个参数

Question

在使用 AngularJS 时如何通过我的函数传递 html 元素。如果您不使用 AngularJS，这会起作用，但我认为 AngularJS 将“this”关键字与其他一些父关键字混淆了。我如何让这段代码工作？

angular.module('myApp', []).controller('myCtrl', function($scope) {
  $scope.MyFunction = function(element) {
    alert(element.value);
    element.focus();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <input ng-click="MyFunction(this)" value="Hello">
</div>

Answer 1

我想你正在寻找这个。

<input ng-click="MyFunction($event)" value="Hello">

  // while in your controller

angular.module('myApp', []).controller('myCtrl', function($scope) {
  $scope.MyFunction = function($event) {

  //reference to the DOM element triggered the function
   var element =   $event.target;   
    element.focus();
  }
});

但是在 Angular JS 中这样做并不是好的做法