The Rails Asset Pipeline & Angular JS partials.

description.md

My Angular.js partials live in public/partials.

In development mode I want them served from there, in production I want to have an Angular.js module called templates which simply popuates the template cache for me.

This isn't just about performance in production: it's making sure the partials are embedded in the assets which forces the partial's lifetime to be the same as the assets with no other caching worries when we redeploy the app.

templates.js.erb

<%# encoding:UTF-8 %>
<% environment.context_class.instance_eval { include ActionView::Helpers::JavaScriptHelper } %>
angular.module('templates', []).run([ '$templateCache', function($templateCache) {
  <%# Only populate the template cache as the Asset pipeline is being built. #%>
  <%# In other environments we'll just end up loading the partials directly. #%>
  <%# The run() function will just be a no-op. #%>
  <% if Rails.env.production? %>
    <% Dir.glob(File.join('public', 'partials', '**', '*.html')).each do |f| %>
      $templateCache.put("<%= f.gsub(/^public\//,"/") %>", "<%= escape_javascript(File.read(f)) %>" );
    <% end %>
  <% end %>
}]);