/angular-pjax

This is a simple AngularJS module that uses PJAX to load HTML content from a server, compiles it, and then inserts it into the DOM.

It depends on AngularJS, jQuery, and PJAX.

Here is a basic setup with a Rails backend:

In your JavaScript:

var myApp = angular.module('myApp', ['xPJAX']);

In your application layout:

<body ng-app="myApp" ng-class="{ contentLoading: loading }">
  <div role="main" pjax-container>
    <%= yield %>
  </div>
</body>

In your application controller:

class ApplicationController < ActionController::Base
  layout :layout_for_request

  private

  def layout_for_request(default_layout = 'application')
    request.headers['X-PJAX'] ? false : default_layout
  end
end