您可以通过使用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();
  }
}