category-menu component

After completing the menu items, implement the category-menu component by following these steps:

  1. Generate the component using Angular CLI by running the following commands:
ng generate component modules/market/category-menu
  1. Replace the HTML file /src/app/modules/market/category-menu/category-menu.component.html contents with the following:
<ul>   <li>     <app-category-menu-item></app-category-menu-item>   </li>   <li>     <app-category-menu-item></app-category-menu-item>   </li>   <li>     <app-category-menu-item></app-category-menu-item>   </li> </ul>
  1. Replace the CSS file /src/app/modules/market/category-menu/category-menu.component.css contents with the following:
ul, li {   list-style: none;   padding: 0;   margin: 0; display: inline; ...

Get Hands-On Full-Stack Web Development with ASP.NET Core now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial