Множественный вызов компонента в 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>

Вызовите несколько раз ваш компонент с продуктом, при каждом вызове передавая новое значение имени продукта и цены.