AngularMaterial的卡片内部点击按钮会触发卡片本身的点击事件。
创始人
2024-10-28 08:33:19
0次

您可以通过使用Event.stopPropagation()方法来停止事件从内部按钮冒泡到卡片本身。示例代码如下：

HTML代码：


  
    

    Card Title
    Card Subtitle
  
  
    

      Some card content.

TS代码：

import { Component } from '@angular/core';

@Component({
  selector: 'card-demo',
  templateUrl: 'card-demo.html',
})
export class CardDemo {
  onCardClick() {
    console.log('Card was clicked');
  }

  onButtonClick(event: Event) {
    console.log('Button was clicked');
    event.stopPropagation();
  }
}

上一篇：AngularMaterial的旧组件是否有替代方案？

下一篇：AngularMaterial的mat-autocomplete在生产模式下无法正常工作。

相关内容

热门资讯

发现玩家！wejoker黑侠辅... 发现玩家！wejoker黑侠辅助器，wepoker破解游戏盒子，总结教程（有挂软件）；亲真的是有正版...
推荐一款！wepoker透视最... 1、推荐一款！wepoker透视最简单三个步骤，wepoker辅助器下载，教你攻略（有挂辅助）。2、...
分享认知！hhpoker透视脚... 分享认知！hhpoker透视脚本下载，wepoker辅助器免费，透明挂教程（有挂透明）准备好在hhp...
重大通报！wpk刷入池率脚本，... 重大通报！wpk刷入池率脚本，大菠萝手游辅助，必胜教程（有挂辅助）；建议优先通过大菠萝手游辅助透明挂...
玩家必看科普！哈糖大菠萝有挂吗... 玩家必看科普！哈糖大菠萝有挂吗，佛手在线是不是有挂，透明挂教程（有挂技巧）；佛手在线是不是有挂软件透...
一分钟教会你！wejoker辅... 1、一分钟教会你！wejoker辅助软件，德州来玩辅助器，攻略教程（有挂攻略）2、进入游戏-大厅左侧...
玩家必看科普！wpk俱乐部辅助... 玩家必看科普！wpk俱乐部辅助器，拱趴大菠萝万能辅助器，插件教程（有挂神器）关于拱趴大菠萝万能辅助器...
教程辅助！wepokerplu... 此外，数据分析德州(wepokerplus到底是挂了吗)辅助神器app还具备辅助透视行为开挂功能，通...
玩家交流！wepoker辅助是... 玩家交流！wepoker辅助是真的假的，pokemmo手机版脚本，德州论坛（有挂透视）；原来确实真的...
一分钟揭秘！德州局怎么透视，智... 一分钟揭秘！德州局怎么透视，智星菠萝可以辅助吗，第三方教程（有挂攻略）；科技安装教程；1367043...