# Property Binding

Square brackets bind an element's property to the component's data, such as \[src\]="imageUrl" or \[disabled\]="soldOut". \[class.name\] turns a CSS class on and off, and \[style.prop\] sets one style, all kept up to date by Angular.

![Cheat sheet: Property Binding](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/11/7187ab3586084e4f80129f169f84ee7b.webp)

- Category: Angular
- Level: Apprentice
- Tags: angular, Class and Style Binding, Property Binding
- Updated: November 3, 2026

Source: https://www.ask-codey.com/cheat-sheets/binding-and-events-in-angular-property-binding-cheat-sheet