Full Stack Development with JHipster

Angular route for the entity

We need a route declaration so that we can access the entity pages. This is declared in product.route.ts.

For example, this declares the detail view of the entity:

    {        path: 'product/:id',        component: ProductDetailComponent,        data: {            authorities: ['ROLE_USER'],            pageTitle: 'storeApp.product.home.title'        },        canActivate: [UserRouteAccessService]    }

The data attribute is used to pass metadata such as allowed roles and page titles to the component. The UserRouteAccessService defined in the canActivate attribute decides whether a user has the authorization to view the page and uses the authorities metadata and authentication details to verify. Routes having a popup, declares the outlet: 'popup' attribute.