Preciso criar um filtro por categorias, então adicionei uma função nos botões que quando eu clico elas passam uma variável chamada categoria. O valor dessa variável está vindo certo, porém o filtro não está funcionando. Esse é o código que estou usando:
<ion-content>
<div class="bg">
<div class="align-books">
<ion-col sizeLg="4.5" sizeMd="4" sizeXs="12" *ngFor="let book of books">
<div *ngIf= "book.category == categoria"></div>
<ion-card class="ion-text-center">
<div class="blurry">
<div class="front">
<ion-grid>
<ion-row class="ion-justify-content-center">
<ion-img [src]="book.image"></ion-img>
</ion-row>
</ion-grid>
</div>
<div class="back">
<div class="back-container">
<h1>{{ book.title }}</h1>
<ion-text>
<p><strong>Autor</strong>: {{ book.autor }}</p>
<p><strong>Sinopse</strong>: {{ book.sin }}</p>
<a href= "{{ book.playlist }}" class="button-playlist" target="_blank">Clique para ir para a playlist!</a>
</ion-text>
</div>
<ion-button class="button-edit" [routerDirection]="'root'" [routerLink]="['/update-book', book._id]" routerLinkActive="active">
<ion-label><ion-icon name="pencil"></ion-icon></ion-label>
</ion-button>
</div>
</div>