Angular Behavior: тип свойства меняется с SignalFunction на Boolean

input.required<boolean>() -> предназначено для односторонней привязки, но вы используете двустороннюю привязку, поэтому функция заменяется значением boolean

Чтобы исправить это, мы можем использовать одностороннюю привязку в HTML.

<input type = "checkbox" [ngModel] = "isSelection2" />

Когда я использую дочерний код и предоставляю входные данные от родительского элемента, angular просто выдает ошибку, когда я пытаюсь использовать [(ngModel)] = "isSelection2"

model.required<boolean>() -> предназначено для двусторонней привязки, поэтому ваш пример работает отлично, поскольку делает именно то, что должен!

См. приведенный ниже код/Stackblitz:

ребенок

import { Component, input, model } from '@angular/core';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'app-child',
  standalone: true,
  imports: [FormsModule],
  template: `
    <input type = "checkbox" [(ngModel)] = "isSelection" />
    <pre>{{ isSelection() }}</pre>
    <p>{{ getTypeof(isSelection) }}</p>
    <hr />
    <input type = "checkbox" [ngModel] = "isSelection2" />
    <pre>{{ isSelection2() }}</pre>
    <p>{{ getTypeof(isSelection2) }}</p>
  `,
})
export class ChildComponent {
  public isSelection = model.required<boolean>();
  public isSelection2 = input.required<boolean>();

  public getTypeof(value: any): string {
    return typeof value;
  }
}

main.ts

import { Component } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import 'zone.js';
import { ChildComponent } from './app/child/child.component';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ChildComponent],
  template: `<app-child [isSelection2] = "true" [isSelection] = "false"/>`,
})
export class App {}

bootstrapApplication(App);

Рабочий Stackblitz