javascript - 在 ng-click 中使用 "this"

标签 javascript html angularjs

我正在查看 Angular UI Tree 的一个组件.我看的具体代码是:

<a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="newSubItem(this)" style="margin-right: 8px;">

除了使用 this 之外,这条线对我来说都很有意义对于 ng-click。我熟悉 this 的使用在 Javascript 中以及它与 self 的使用有何不同在经典的 OO 中。但是我想知道传递给这个函数调用时到底指的是什么?

代码包含在这个 basic example 中.

最佳答案

好吧,这里的 this 指的是作用域,它将包括其中的每个变量、函数。

无论我们在哪里使用它,它总是会返回作用域。

在这里,我从 parent 和 child 传递这个,但两者都显示与 $SCOPE

相同的输出
<body ng-controller="AppController">

  <div><a ng-click="aClick(this)">Click a</a>
    <div>
      <a ng-click="bClick(this)">Click b</a>
    </div>
  </div>

  {{aValue}} {{bValue}}
</body>

请找到工作的plunker: http://plnkr.co/edit/IdXB1ZtXMpFS3soxcBIz?p=preview

关于javascript - 在 ng-click 中使用 "this",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38257327/

相关文章:

javascript - Iframe Alt Text 当 X-Frame-Options 的 Iframe 加载错误 :SAMEORIGIN | DENY

Javascript 根据经度、纬度计算分数

javascript - 无法从函数打印字符串(在 React tictactoe 教程中)

javascript - React 路由器在组件中抓取 URL 段

javascript - 如何使用 javascript/jquery 使用动态 json 数据无缝显示进度

html - 在列表中写入文本

javascript - Angular Js - 操作 DOM 并添加点击行为

javascript - 在使用 Protractor 进行 e2e 测试时记录 xhr 请求

javascript - 将 HTML 表单单选按钮和复选框按钮选择写入 Google 表格

javascript - 如何获取 BLOB url 引用并使用 filereader API 正确读取它?