Quais são os tipos de ligações no Angular?

No Angular, existem vários tipos de ligações que permitem sincronizar dados entre o componente e o modelo:

Ligação de propriedade (Property Binding): Permite ligar a propriedade HTML de um elemento a uma propriedade do componente. As alterações no valor da propriedade do componente atualizam o valor da propriedade HTML. Usa colchetes [].
```
<img [src]="imageUrl" alt="Imagem">
```
Interpolação: Permite exibir o valor de uma propriedade do componente no modelo como uma string. Usa chaves duplas {{}}.
```
<p>{{ greeting }}</p>
```
Ligação de eventos (Event Binding): Permite responder a eventos do DOM (por exemplo, cliques, entrada de texto) e chamar métodos do componente. Usa parênteses ().
```
<button (click)="onClick()">Clique em mim</button>
```
Ligação bidirecional (Two-Way Binding): Combina a ligação de propriedades e a ligação de eventos, permitindo sincronizar o valor entre um elemento de formulário e uma propriedade do componente em ambas as direções. Usa a sintaxe [(ngModel)]. Requer a importação de FormsModule.
```
<input [(ngModel)]="userName" type="text">
```
Ligação de atributos (Attribute Binding): Usada para ligar atributos HTML que não são propriedades do DOM (por exemplo, colspan, aria-*). Usa o prefixo attr..
```
<td [attr.colspan]="colspanCount"></td>
```
Ligação de classes (Class Binding): Permite adicionar ou remover dinamicamente classes CSS com base no valor de uma propriedade do componente.
```
<div [class.active]="isActive"></div>
```
Ligação de estilos (Style Binding): Permite definir estilos CSS com base no valor de uma propriedade do componente.
```
<div [style.backgroundColor]="bgColor"></div>
```