Regex Tester for Angular Developers

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NgFor, NgIf } from '@angular/common';

@Component({
  selector: 'app-regex',
  standalone: true,
  imports: [FormsModule, NgFor, NgIf],
  template: `
    <input [(ngModel)]="pattern" placeholder="/regex/flags" />
    <textarea [(ngModel)]="text" rows="5"></textarea>
    <p *ngIf="error" style="color:red">{{ error }}</p>
    <p>Matches: {{ matches.length }}</p>
  `,
})
export class RegexComponent {
  pattern = ''; text = ''; error = '';
  get matches() {
    try { this.error = ''; return [...this.text.matchAll(new RegExp(this.pattern, 'g'))]; }
    catch (e: any) { this.error = e.message; return []; }
  }
}