angular-state-router/example/components/search.js

An AngularJS state-based router designed for flexibility and ease of use.

(function() {
  'use strict';

  // Define states
  example.myApp.deferred

    .state('search', {
      url: '/search',
      templates: {
        layout: 'layouts/one-col.html',
        contentBody: 'screens/search.html',
        contentFooter: 'common/footer.html'
      },
      controllers: {
        contentBody: 'SearchController'
      }
    });

  // Define controllers
  example.myApp.deferred

    .controller('SearchController', function($scope, Product, $location) {
      $scope.products = [];

      $scope.search = function() {
        Product.search(($scope.search.criteria || '').split(' ')).then(function(products) {
          $scope.products = products;
        });
      };

      $scope.search.criteria = $location.search().q || 'ad ipsum';

      if($scope.search.criteria && $scope.search.criteria !== '') {
        $scope.search();
      }
    });

})();