Full Stack Development with JHipster - Second Edition

Angular components of the entity

For an entity, there are four component classes generated in four files and four HTML files that are used in the components.

The ProductComponent, defined in product.component.ts, handles the main listing screen. It uses product.component.html as the template. The component manages the view and their actions. It also calls multiple services to fetch data and perform other actions, such as alerts and event broadcasts:

@Component({    selector: 'jhi-product',    templateUrl: './product.component.html'})export class ProductComponent implements OnInit, OnDestroy {    ...}

The ProductDetailComponent handles the detail view screen using product-detail.component.html as the template and is defined in product-detail.component.ts ...