在Angular中，可以使用正则表达式来验证电话号码的模式。以下是一个示例代码：

首先，在ngModule中导入ReactiveFormsModule：

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    ReactiveFormsModule
  ]
})
export class AppModule { }

接下来，在组件中创建响应式表单并添加电话号码验证：

import { Component } from '@angular/core';
import { FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-phone-number',
  template: `
    

      

        电话号码
        
      
      

        请输入有效的电话号码
      
      提交
    
  `
})
export class PhoneNumberComponent {
  phoneNumberForm = this.formBuilder.group({
    phoneNumber: ['', [Validators.required, Validators.pattern(/^\d{3}-\d{3}-\d{4}$/)]]
  });

  constructor(private formBuilder: FormBuilder) {}

  onSubmit() {
    if (this.phoneNumberForm.valid) {
      console.log('电话号码验证通过');
      // 执行其他操作
    }
  }
}

在上面的代码中，我们使用Validators.pattern来添加电话号码的正则表达式验证规则。正则表达式/^\d{3}-\d{3}-\d{4}$/用于验证电话号码的模式，要求输入的电话号码格式为xxx-xxx-xxxx。如果输入的电话号码不符合模式，将显示一条错误消息。

在模板中，我们使用formGroup属性将响应式表单与表单组件关联起来，并使用formControlName属性将表单控件与表单组中的控件关联起来。通过使用ngIf指令，我们可以根据控件的错误状态显示相应的错误消息。

最后，在onSubmit方法中，我们可以检查表单的有效性，并执行其他操作。

希望这个示例能帮助到你！