<ex-menu index=2></ex-menu>
<div class="category-app">
    <div>
        <ex-card-product ng-repeat="product in vm.categoryes" id={{product.productId}}></ex-card-product>
    </div>

    <nav class="page">
        <ul class="pagination">
            <li class="page-item disabled">
            <a class="page-link" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
                <span class="sr-only">Previous</span>
            </a>
            </li>
            <li class="page-item active">
            <a class="page-link" href="#">1 <span class="sr-only">(current)</span></a>
            </li>
            <li ng-repeat="page in vm.pages" class="page-item"><a class="page-link" ng-href="/category/{{vm.categoryId}}/{{page}}">{{page}}</a></li>
            <li class="page-item">
            <a class="page-link" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
                <span class="sr-only">Next</span>
            </a>
            </li>
        </ul>
    </nav>
</div>