Как отобразить массив firestore с пробелом между элементами

Я пытаюсь сделать приложение с рецептами и хочу показать ингредиенты, которые хранятся в базе данных Firestore, но когда я использую {{ recipe.ingredients }}, элементы отображаются без пробела между элементами, а мне нужно с пробелом, как Я сделаю это?

Я знаю, что с javascript я могу использовать .join(" ,"), но я не могу понять, как это сделать в ionic

<ion-card *ngFor = "let recipe of recipes">
   <div>{{ recipe.ingredientes }}</div>
</ion-card>

Это как "лук,яйцо,мясо" и я хочу "лук,яйцо,мясо"