0Pricing
Angular Academy · Lesson

model() Signal Inputs

Create two-way bindings with model signals.

Signals Meet Two-Way Binding

Modern Angular offers model(), a signal-based way to create two-way bindable inputs without manual input/output pairs.

Declaring a model Input

Call model() to create a writable signal that a parent can two-way bind to.

import { Component, model } from "@angular/core";

@Component({ selector: "app-toggle", template: "" })
export class ToggleComponent {
  checked = model(false);
}

All lessons in this course

  1. Property and Event Binding Recap
  2. Two-Way Binding with ngModel
  3. model() Signal Inputs
  4. Custom Two-Way Bindable Properties
← Back to Angular Academy