Custom Two-Way Bindable Properties
Expose your own two-way bindable inputs.
Custom Two-Way Binding
You can make any component property two-way bindable. Angular supports two approaches: the classic @Input plus @Output pair, or the modern model() signal.
The Naming Convention
For two-way binding to work, the output name must be the input name plus the suffix Change. For example, input size needs output sizeChange.
All lessons in this course
- Property and Event Binding Recap
- Two-Way Binding with ngModel
- model() Signal Inputs
- Custom Two-Way Bindable Properties