Angular — Four Approaches to Implement Interdependent Components

Component is the basic building block of Angular applications. A typical Angular application is consisted of many separated components. Normally, each component usually represents one particular feature. Yet, there are some complicated features that need to use multiple components to implement, for example, DropDownComponent and DropDownGroupComponent:

<drop-down-group>
  <drop-down>...</drop-down>
  <drop-down>...</drop-down>
  <drop-down>...</drop-down>
</drop-down-group>