Множественный вызов компонента в Angular
В темплейте родителя можно вызывать один и тот же компонент много раз, передавая ему разные данные для отображения:
<user-data name="user1" age="25"></user-data>
<user-data name="user2" age="26"></user-data>
<user-data name="user3" age="27"></user-data>
Вызовите несколько раз ваш компонент с продуктом, при каждом вызове передавая новое значение имени продукта и цены.