javascript - Angular 2 - 停止点击事件传播

标签 javascript html typescript angular

<分区>

toggleCollapse(i) {
  this.toggles[i] = !this.toggles[i];
  return false;
}

我有一个带有点击事件的父“tr 标签”,它可以切换折叠状态。在里面我有一个 td 标签,它将包含一些内容。我想在点击“td”标签时取消点击事件触发。示例代码:

<tr *ngFor="let record of records; let i = index" class="pointer" (click)="toggleCollapse(i)">
    <td>{{record.id}}</td>
    <td>{{record.skapad}}</td>
    <td>{{record.status}}</td>
    <td (click)="cancel here">
      <pre *ngIf="!toggles[i]" class="wrap-whitespaces pointer-text">{{getShortContent(record.content)}}</pre>
      <pre *ngIf="toggles[i]" class="wrap-whitespaces pointer-text">{{record.content}}</pre>
    </td>
  </tr>

最佳答案

(click)="toggleCollapse(i, $event)"
toggleCollapse(i, event) {
  this.toggles[i] = !this.toggles[i];
  event.stopPropagation();
}

关于javascript - Angular 2 - 停止点击事件传播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37836153/

相关文章:

javascript - react 导入根路径助手

javascript - Youtube v3 API 上的用户 channel ID 会改变吗?

javascript - Aurelia 中的导航附加 "?id=5"而不是 "/5"

angularjs - 如何管理不是通过打字下载的类型定义文件?

javascript - $(window).height() 在 iframe 中?

javascript - 如何将字符串转换为具有键值对的对象

javascript - javascript 中的二维数组有点问题

html - 如何使用 CSS 属性选择器来定位特定高度?

javascript - 使用 ng-show 启用我的 div

javascript - 如何仅从 Angular 中的 JSON 数组列表中提取第一个值