gajus/gist:9772ba2ea211ac7bb90f

## gistfile1.html
<!DOCTYPE html>
<html ng-app="store">
<head>
    <title>Store</title>

    <script src="./static/js/angular.js"></script>
    <script src="./static/js/store.js"></script>
    <script src="./static/js/controllers/store.js"></script>
    <script src="./static/js/controllers/productListControllers.js"></script>
    <script src="./static/js/filters/customFilters.js"></script>

    <link rel="stylesheet" type="text/css" href="./static/css/main.css">
</head>
<body ng-controller="storeController">
    <div id="body" ng-controller="productListController">
        <aside>
            <ul class="categories">
                <li ng-click="selectCategory()" ng-class="getCategoryClass()">Home</li>
                <li ng-click="selectCategory(item)" ng-class="getCategoryClass(item)" ng-repeat="item in data.products | orderBy:'category' | unique:'category'">{{item}}</li>
            </ul>
        </aside>

        <main>
            <ul class="products">
                <li ng-repeat="product in data.products | filter:categoryFilterFn | range:selectedPage:pageSize">
                    <span class="name">{{product.name}} [{{product.category}}]</span>
                    <span class="price">{{product.price | currency}}</span>
                    <p class="description">{{product.description}}</p>
                </li>
            </ul>
            <ul class="pages">
                <li ng-repeat="page in data.products | filter:categoryFilterFn | pageCount:pageSize" ng-click="selectPage(page + 1)" ng-class="getPageClass(page + 1)">{{page + 1}}</li>
            </ul>
        </main>
    </div>
</body>
</html>
	<!DOCTYPE html>
	<html ng-app="store">
	<head>
	<title>Store</title>

	<script src="./static/js/angular.js"></script>
	<script src="./static/js/store.js"></script>
	<script src="./static/js/controllers/store.js"></script>
	<script src="./static/js/controllers/productListControllers.js"></script>
	<script src="./static/js/filters/customFilters.js"></script>

	<link rel="stylesheet" type="text/css" href="./static/css/main.css">
	</head>
	<body ng-controller="storeController">
	<div id="body" ng-controller="productListController">
	<aside>
	<ul class="categories">
	<li ng-click="selectCategory()" ng-class="getCategoryClass()">Home</li>
	<li ng-click="selectCategory(item)" ng-class="getCategoryClass(item)" ng-repeat="item in data.products \| orderBy:'category' \| unique:'category'">{{item}}</li>
	</ul>
	</aside>

	<main>
	<ul class="products">
	<li ng-repeat="product in data.products \| filter:categoryFilterFn \| range:selectedPage:pageSize">
	<span class="name">{{product.name}} [{{product.category}}]</span>
	<span class="price">{{product.price \| currency}}</span>
	<p class="description">{{product.description}}</p>
	</li>
	</ul>
	<ul class="pages">
	<li ng-repeat="page in data.products \| filter:categoryFilterFn \| pageCount:pageSize" ng-click="selectPage(page + 1)" ng-class="getPageClass(page + 1)">{{page + 1}}</li>
	</ul>
	</main>
	</div>
	</body>
	</html>