如何在每个enter按钮被按下的情况下在angular TextArea中添加项目符号？

<textarea (keydown.enter)="addBulletPoint($event)"></textarea>

addBulletPoint(event: KeyboardEvent) {
  event.preventDefault(); // 阻止默认的换行行为

  const textArea = event.target as HTMLTextAreaElement;
  const currentText = textArea.value;
  const cursorPosition = textArea.selectionStart;

  const bulletPoint = '- '; // 项目符号

  // 在当前光标位置插入项目符号
  const newText = currentText.slice(0, cursorPosition) + bulletPoint + currentText.slice(cursorPosition);

  textArea.value = newText;
}