import { Component } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';

@Component({
  selector: 'bh-reactive-forms',
  standalone: true,
  imports: [ReactiveFormsModule],
  template: `<label>Tool code<input [formControl]="code" /></label
    ><button type="button" (click)="code.setValue('')">Clear code</button>
    <p data-result>{{ code.value || 'No tool' }}</p>`,
})
export class App {
  code = new FormControl('DR-4', { nonNullable: true });
}