Busca por categorías, puzles (versión definitiva)

<script>
  app.controller('PuzlesCtrl',function($scope,$http,pw){
    
    $scope.busca = function(){
    pw.busca('template=puzles, title|body~='+$scope.termino).then(function(data){
             console.log("ENCONTRADOS",data);
             $scope.encontrados = data;
      });
    } 
    $scope.buscaPuzles= function(puzles){
   
        pw.busca(puzles).then(function(data){
           $scope.encontrados=data;
           console.log("todos",data)
        }); 

    }

      $scope.buscaTodos();
      $scope.page=<?php echo $page->toJSON() ?>;
      console.log($scope.page);
      console.log($scope.hijos);

  });

</script>
<div ng-controller="PuzlesCtrl">
     <section id="titlepuzle">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <h1>{{page.title}}</h1>
                        <form id="custom-search-form" class="form-search form-horizontal pull-right">
                          <div class="input-append span12">
                            <input type="text" class="search-query mac-style" placeholder="Search">
                            <button type="submit" class="btn"><i class="icon-search"></i></button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
     </section><!--/#title-->     

    <section id="portfolio" style="margin-top: 5.6em;"class="container">
      <ul class="portfolio-filter center centered">
            <li><a ng-click="buscaPuzles('template=puzle,sort=title')" class="btn btn-primary1" >Tots</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,claspeces=1,sort=title')" class="btn btn-warning1" >Fins a 500</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,claspeces=2,sort=title')" class="btn btn-warning1" >De 501 a 1000</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,claspeces=3,sort=title')" class="btn btn-warning1" >De 1001 a 5000</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,claspeces=4,sort=title')" class="btn btn-warning1" >Més de 5000</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,clasmarca=e,sort=title')" class="btn btn-success2" >Educa</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,clasmarca=r,sort=title')" class="btn btn-success2" >Ravensburger</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,clasmarca=c,sort=title')" class="btn btn-success2" >Clementoni</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,clasmarca=a,sort=title')" class="btn btn-success2" >Altres</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,clasmarca=x,sort=title')" class="btn btn-danger3" >Especials</a></li>
            <li><a ng-click="buscaPuzles('template=puzle,clasmarca=b,sort=title')" class="btn btn-danger3" >Bricolatge</a></li>
      </ul><!--/#portfolio-filter-->
      
      <ul class="portfolio-items col-3">
            <li ng-repeat="hijo in encontrados" class="portfolio-item bootstrap">
              <div class="item-inner animated flipInY">
                  <a href="{{hijo.url}}"><img class="img-responsive" src="{{hijo.images[0].url|portrait}}" alt=""></a>
                    <h5><div ng-bind-html="hijo.title | unsafe"></h5>
              </div> 
            </li><!--/.portfolio-item-->
      </ul> 

    </section><!--/#portfolio-->
    
</div><!-- ng controller -->