什么是传递给ng-click函数调用的'this'对象？

Question

考虑这个简单的旧JavaScript(非Angular)形式,在单击一个元素时调用一个函数:

<span id="foo1" onclick="clicked(this)">...</span>

所以this参数clicked()是被点击的spanobject(foo1).

当此代码转换为AngularJS时,我们尝试传递相同的this对象:

<span id="foo2" ng-click="clicked(this)">...</span>

但是,现在传递给的参数clicked()是一个对象,但它似乎与该span对象没有任何关系.

所以我的问题是:

1. this传递给函数时的值是ng-click多少？

2. 在函数中检索单击对象或将其传递给函数的最简单方法是什么？

Answer 1

• 1. 当this作为参数传递给ng-click指令中的函数时,this将引用当前$scope对象.
• 2. 您可以传递该$event对象,然后访问target/ currentTargetproperties以获取对该元素的引用.

  例如(示例):

  <button ng-click="click($event)">Click Me!</button>
  

  $scope.click = function (e) {
    e.currentTarget.style.display = 'none';
  }