如何验证角度数字符号"#“中的模板驱动表单

<form (ngSubmit)="onSubmit()">
  <label>
    输入角度数字符号"#":
    <input type="text" name="angle" [(ngModel)]="angleValue" required>
  </label>
  <button type="submit">提交</button>
</form>

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

@Component({
  selector: 'app-angle-form',
  templateUrl: './angle-form.component.html',
  styleUrls: ['./angle-form.component.css']
})
export class AngleFormComponent {
  angleValue: string;

  onSubmit() {
    const pattern = /^#(\d+)#$/;
    const isValid = pattern.test(this.angleValue);

    if (isValid) {
      console.log("角度数字符号验证通过");
      // 执行其他操作
    } else {
      console.log("角度数字符号验证失败");
      // 给出相应的提示信息
    }
  }
}