如何在Angular中停止keyup事件的传播？

<!-- app.component.html -->
<div (keyup)="onOuterKeyUp($event)">
  Outer Div
  <div (keyup)="onInnerKeyUp($event)">
    Inner Div
  </div>
</div>

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  onOuterKeyUp(event: KeyboardEvent) {
    console.log('Outer keyup event:', event);
  }

  onInnerKeyUp(event: KeyboardEvent) {
    console.log('Inner keyup event:', event);
    // 阻止事件传播到外层div
    event.stopPropagation();
  }
}