Как организовать компоненты?

Question

У меня есть компонент Product, который представляет данные о продукте.

Рядом с информацией размещается компонент Buttons с двумя кнопками, позволяющими добавить продукт в список избранного и в список * wi sh (FavouriteComponent, WishComponent).

Мое представление шаблона:

<app-product>
   <app-buttons></app-buttons
</app-product>

Где разместить компоненты FavouriteComponent, WishComponent, внутри <app-product> или внутри <app-buttons>?

Где написать обработчик для кнопки? Внутри ButtonComponent или выше в родительском компоненте?

Не могли бы вы объяснить, как принять правильное решение?

Answer 1

Ваше представление шаблона выглядит неправильно. это должно быть просто <app-product></app-product>, а затем в файле компонентов вашего продукта приложения html вы получите то, что вам нужно html плюс ваш элемент <app-buttons></app-buttons>. Из описания, которое вы дадите, вы, вероятно, захотите разместить и другие элементы компонента в этом файле. Что касается структуры проекта, то кажется, что у вас должно быть что-то подобное из компонента app-product:

AppProduct
    L AppButtons
    L FavouriteComponent
    L WishComponent

Это предполагает, что эти 3 компонента всегда будут использоваться в AppProduct. Вам также следует использовать службу для выполнения логики c добавления продуктов в любую базу данных, из которой извлекаются компоненты Favorite и Wi sh.