Angular: Model input example

model-input.ts

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

@Component({
  selector: 'app-user',
  template: '<button (click)="upgradeSubscription()">Upgrade Subscription</button>',
})
export class UserComponent {
  // a standard input, it's read-only
  isSubscribed = input(true);

  // a model input, two-way binding
  isPremium = model(false);

  upgradeSubscription() {
    // write directly to the model input
    this.isPremium.set(!this.isPremium());
  }
}