Question

在我的html文件中：

<tbody id="tableBody">
     <tr ng-repeat="item in redirectsCtrl.csvData">
          <td style="text-align:center;">{{item.sourceURL}}</td>
          <td style="text-align:center;">{{item.redirectURL}}</td>
          <td style="text-align:center;" ng-click="redirectsCtrl.onEditButtonClick()"><i class="glyphicon glyphicon-pencil"></i></td>
          <td style="text-align:center;"><i class="glyphicon glyphicon-trash"></i></td>
     </tr>
</tbody>

在我的打字稿文件中（angularjs控制器功能）

public onEditButtonClick() {}

为了澄清，编辑按钮基本上是设计的，这样我就可以编辑表格的一行中的条目，因此我需要访问行的条目。因此，当我单击编辑按钮时，我需要其关联的tr元素，但是，由于上下文范围，我无法使用$(this)来检索单词格式中的单击元素（以及定义其父元素）。

任何帮助将不胜感激！

Answer 1

由于angular是mvc框架，你可以操作控制器中的数据而不是查看，只需：返回这一行：

<td ng-click="redirectsCtrl.onEditButtonClick()">...</td>

到：

<td ng-click="redirectsCtrl.onEditButtonClick(item)">...</td>

并在你的控制器中做你的东西：

 onEditButtonClick(item) {
    item.someProp = "someValue"
  }

如何从typescript中单击td元素来检索tr元素？

1 个答案: