这个问题其实是Angular按键修饰符的匹配规则导致的——默认的keyup.backspace只会响应单独按下Backspace的情况，当结合Shift（不管左右）一起按的时候，这个绑定就不会触发了。这里有两种简洁的解决办法：

方法一：监听通用keyup事件，通过事件对象判断按键 #

这种方法最灵活，不管有没有修饰键，只要是Backspace或Delete按键就触发你的clear()方法：

首先修改模板里的输入框：

<input 
  (keyup.enter)="sendData()" 
  (keyup)="handleKeyPress($event)"
>

然后在组件类里实现处理函数：

handleKeyPress(event: KeyboardEvent) {
  // 匹配Backspace或Delete按键，不管是否结合Shift等修饰键
  if (event.key === 'Backspace' || event.key === 'Delete') {
    this.clear();
  }
}

这里用event.key来判断是因为它代表按键的功能含义（比如Backspace就是退格功能），不管你有没有按Shift等修饰键，只要触发了退格动作，event.key的值都是Backspace，比依赖物理键位的event.code更可靠。

方法二：显式绑定组合按键（冗余但直接） #

如果你想保留原来的单独按键绑定，同时补上Shift+Backspace的情况，可以直接添加组合按键的绑定：

<input 
  (keyup.enter)="sendData()" 
  (keyup.delete)="clear()" 
  (keyup.backspace)="clear()"
  (keyup.shift.backspace)="clear()"
>

Angular的shift修饰符会匹配左右Shift键，这样不管是单独按Backspace/Delete，还是Shift+Backspace，都会触发clear()方法。不过这种方法不如第一种简洁，如果你还要处理其他修饰键（比如Ctrl+Backspace），代码会越来越冗余。

为什么原来的写法不行？ #

Angular的按键别名（比如backspace、delete）默认是精确匹配——只有当没有其他修饰键（Shift、Ctrl、Alt等）被按下时，对应的绑定才会触发。所以当你按下Shift+Backspace时，Angular不会匹配keyup.backspace这个绑定，因为此时有Shift修饰键存在。

内容的提问来源于stack exchange，提问作者Learning is a mess