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 ProductDeleteDialogComponent, defined in product-delete-dialog.component.ts, manages the delete pop-up dialog using product-delete-dialog.component.html as the template.