@Directive({
  selector: '[stringModel]',
})
export class StringModel {
  myModel = model.required<string>();
}

@Directive({
  selector: '[anyModel]',
})
export class AnyModel {
  // The 'any' or 'unknown' type here suppresses the check for WritableSignal requirements
  anyModel = model.required<unknown>();
}

@Component({
  selector: 'app-root',
  imports: [FormsModule,  AnyModel],
  template: `
    <input [(ngModel)]="value" name="ngModel" /> 
    <input [(anyModel)]="value" name="anyModel" />
   <!-- or --!>
     @let letRefComputed = computedValue; // Similar for Signal , InputSignal 
    <input [(anyModel)]="letRefComputed" name="anyModel" />
  `,
})
export class Main {
  value = signal(1).asReadonly();
  computedValue= computed(()=> value() + 1 )
}