markdown Diretivas - ngClass

Posted 2021-05-06

# Diretivas - ngClass

É uma alternativa para escrevermos um código menor, do que se utilizarmos class binding.

```typescript
export class ngClassComponent implements OnInit {

    meuFavorito: boolean = false;

    onClick() {
        this.meuFavorito = !this.meuFavorito;
    }

}
```

```HTML
<h1>
    <i class="glyphicon"
    [ngClass]="{
        'glyphicon-star-empty': !meuFavorito,
        'glyphicon-star': meuFavorito
    }"
    (click)="onClick()">
    </i>
</h1>
```