Angular - Chakradhar-Chinni/Tech-Library GitHub Wiki

Interploation demo

One product on Catalog page

Many products on Catalog page (4 images)

Clicked on Heads button

Clicked on Arms button

Clicked on Torsos button

Clicked on Bases button

Clicked on All button

null value added as 2nd array item in component.ts file. But safe navigation operator not added in template, component.html file

using global styles for button, product name

global style

css encapsulation to catalog component

route localhost:4200/home

route localhost:4200/catalog

route localhost:4200/cart

route: catalog/arms

clicked Bases but url shows /Arms

clicked Torsos and url also responds and shows Torsos

Heads Catalog using [queryParams]

routerLink for styling

html sign in form

ngModel for sign-in

error message for invalid login

profile icon after user logged in