Empty field inserted instead of a name

I load a list with items from firebase and behind every result i have a button. When I push the button the item is pushed to another list only there is an empty field inserted instead of the product.name in it. I know I do something wrong and send an empty field but can not figure it out.

<ion-item *ngFor="let product of products | async">
    {{product.name}} <button ion-button color="secondary" (click)="onSubmit(product.name)" name="add"> --> </button>