AngularJS ng-单击表行但不在某个td上

Question

当桌面行上有一个事件data-ng-click时,我遇到了一个问题,但我希望某个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>

Answer 1

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

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

因此,当您单击此单元格时,事件将不会冒泡到tr事件处理程序.

演示:http://plnkr.co/edit/jvh5NKaDsvpPKuSJhzFx？p = preview