How do you handle dynamic validation where one form field's validator depends on another field's value?

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

@Component({
  selector: 'app-booking',
  standalone: true,
  imports: [ReactiveFormsModule],
  template: '...'
})
export class BookingComponent implements OnInit {
  private fb = inject(FormBuilder);
  
  form = this.fb.group({
    method: ['email'],
    email: ['', Validators.email],
    phone: ['']
  });

  ngOnInit() {
    this.form.get('method')?.valueChanges.subscribe(method => {
      const emailCtrl = this.form.get('email');
      const phoneCtrl = this.form.get('phone');

      if (method === 'phone') {
        phoneCtrl?.setValidators([Validators.required]);
        emailCtrl?.clearValidators();
      } else {
        emailCtrl?.setValidators([Validators.required, Validators.email]);
        phoneCtrl?.clearValidators();
      }

      phoneCtrl?.updateValueAndValidity();
      emailCtrl?.updateValueAndValidity();
    });
  }
}