After completing the menu items, implement the category-menu component by following these steps:
- Generate the component using Angular CLI by running the following commands:
ng generate component modules/market/category-menu
- 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>
- 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;
}