O'Reilly logo

Web Application Development with MEAN by Robert Onodi, Adrian Mejia, Amos Q. Haviv

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding product categories

Product categories allow us to filter the products based on certain criteria, such as books, clothing, and so on. Hierarchies are another important feature to be added so that we can group the categories into sub-categories. For example, within the book category, we can have multiple sub-categories like non-fiction, novels, self-help, and so on.

Adding the sidebar

We are now going to add a new sidebar to the marketplace that shows all the products. This sidebar will list all the products categories in the product-list page:

/* client/app/products/templates/product-list.html *excerpt */

<navbar></navbar>

<div class="container">
  <div class="row">
 <div class="col-md-3" ng-include="'components/sidebar/sidebar.html'"></div> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required