forms: 2way binding [(value)] bypasses [formField] binding restriction (NG8022) #70219

@Component({
  selector: 'TextInput',
  template: `
    <input 
      type="text"
      [value]="value()" 
      (input)="value.set($event.target.value)" />
  `,
})
export class TextInput implements FormValueControl<string> {
  readonly value = model('');
}

@Component({
  selector: 'app-root',
  imports: [FormField, TextInput],
  template: `
    <TextInput [formField]="form.name" [(value)]="test" />
    <p>{{ form.name().value() }}</p>
    <button (click)="random()">Change it</button>
  `,
})
export class App {
  protected readonly test = signal('');

  protected readonly form = form(signal({ name: '' }), (schema) => {
    minLength(schema.name, 3, {
      message: 'Name must be at least 3 characters',
    });
  });

  protected random() {
    this.test.set(`${Date.now()}`);
  }
}