A simple Solr wrapper for AngularJS apps
Latest commit 78546fa Aug 27, 2014 @roborn roborn Merge pull request #1 from squarism/patch-1
Update README.md
Failed to load latest commit information.
dist Version 0.0.2 Nov 28, 2013
src Added option to use multiple endpoints Nov 28, 2013
.gitignore First commit Nov 27, 2013
.jshintrc First commit Nov 27, 2013
Gruntfile.js First commit Nov 27, 2013
README.md Update README.md Aug 25, 2014
bower.json Updated bower file Jan 17, 2014
package.json Version 0.0.2 Nov 28, 2013



A simple Solr wrapper for AngularJS apps

Solstice is an AngularJS module, developed by Frontkom, that enables simple querying of Solr indexes. Solstice provides a search service and a companion directive that can be used in any Angularjs project.

Solstice is inspired by Restangular - an Angularjs service to handle Rest API resources.


Solstice can be installed using Bower or manually.

Using bower

bower install solstice


Clone or download this repository and add the dist/solstice.js or dist/solstice.min.js file to your html.

  <script type="text/javascript" src="/js/solstice.js"></script>


To use Solstice, just add it as a dependency to your app and set the default Solr index url in the config function.

var app = angular.module('my-app', ['solstice']);

app.config(function(SolsticeProvider) {

Using Solstice

As service:

To use Solstice, you just need to add it as a dependency to the controller function.

app.controller('MyController', function($scope, Solstice) {
      q: 'bundle:article AND status:true',
      fl: 'title, teaser, published',
      sort: 'published desc',
      rows: 10
  .then(function (data){
    $scope.results = data.docs;
Using a Diferent endpoint

For some queries you may need to use a different index than the global one. In that case, you need to create a new service that extends Solstice.

In the following example, we create a new service called Equinox that uses a different Solr index.

app.provider('Equinox', function(Solstice) {
  return Solstice.withEndpoint('a-diferent-solr-index-url');

app.controller('AnotherController', function($scope, Equinox) {
      q: '',
      fl: 'title, teaser, published'
      rows: 2
  .then(function (data){
    $scope.results = data.docs;

Usage as directive:

Solstice can also be used directly as a directive, if the use of the service is not required. This can be particularly usefull if the Solr querying is just a small part of a larger project.

To use it, just add the directive solr-search to any element in the html. This directive provides the following options:

  • index-url: The Solr index to be used. Only required if it wasn't set in the config.
  • q: The query string. See the Apache solr documentation for details.
  • rows: The number of results to retrieve.
  • start: The number of results to skip.
  • sort: The sort params.
  • fl: The field list to be retrieved.
<any-tag solr-search index-url="your-index-url" start="0" rows="20"  >
    <p>Found {{solr.found}} results.</p>
    <li ng-repeat="item in solr.results">{{item.title}}</li>

The module provides the $scope with a solr object. It has the following properties:

  • results: the list of results
  • found: the total number of results found.

Future Features

  • Full caching with Angularjs cacheFactory
  • Support more SOLR features
  • Querystring parsing
  • Query language support