Javascript AngularJS ng单击表格行，但不单击某个td

当在表行上单击事件数据时，我面临一个问题， 但我希望某个td不会在这一排做这个项目

有可能吗

如果是，怎么做

html示例：

      <table>
          <tr data-ng-click="do_some_action()">
              <td>
                  cell 1 is clickable
              </td>
              <td>
                  cell 2 is clickable
              </td>
              <td class="not-clickable-cell">
                  cell 3 is not! clickable
              </td>
          </tr>
      </table>

单元格1可单击
单元格2可单击
3号牢房不是！可点击

您可以在do\u some\u action函数中编写一些东西，明确地使其忽略类“not clickable call”。使用JSFIDLE或该函数的示例更容易说明。

您可以像这样停止事件传播：

<td class="not-clickable-cell" ng-click="$event.stopPropagation()">
    cell 3 is not! clickable
</td>

3号牢房不是！可点击

这样，当您单击此单元格时，事件不会出现在

tr

事件处理程序中

---

演示：只需将ng click添加到您想要的位置即可单击事件

<table>
      <tr >
          <td data-ng-click="do_some_action()">
              cell 1 is clickable
          </td>
          <td>
              cell 2 is clickable
          </td>
          <td class="not-clickable-cell">
              cell 3 is not! clickable
          </td>
      </tr>
  </table>

单元格1可单击
单元格2可单击
3号牢房不是！可点击

---

没有用。如果我有50个td细胞，只有5个不能繁殖，你建议我做45个细胞吗？这不是一个可行的解决方案。我的桌子里有按钮，上面有可点击的行。我想在按钮周围的那列中单击仍然执行操作，所以我这样做了：

试试这个@JackCole

问题是按钮没有100%填充单元格，因此单元格内有一个区域既不会触发按钮的功能，也不会触发行的功能，当用户点击该区域时，会产生令人沮丧的用户体验。我使用的解决方案非常有效。