Foundation Apps with Rails

.bowerrc

{
  "directory": "vendor/assets/bower_components"
}

application.js.coffee

# Angular
#= require angular/angular.js
#= require angular-animate/angular-animate.js
#= require angular-ui-router/release/angular-ui-router.js
# Foundation Components
#= require fastclick/lib/fastclick.js
#= require hammerjs/hammer.js
#= require tether/tether.js
#= require viewport-units-buggyfill/viewport-units-buggyfill.js
#= require foundation-apps/dist/js/foundation-apps.js
#= require foundation-apps/dist/js/foundation-apps-templates.js

config = ($stateProvider, $urlProvider, $locationProvider, IconicProvider) ->

  $urlProvider.otherwise('/')

  $locationProvider.html5Mode
    enabled: false
    requireBase: false

  $locationProvider.hashPrefix('!')
  
  # change iconic path so icons work
  IconicProvider.setAssetPath('/assets/foundation-apps/iconic')

run = ->
  FastClick.attach(document.body)

# Define application
angular.module('teachers.application', [
  'ui.router',
  'ngAnimate',

  'foundation',
  'foundation.dynamicRouting',
  'foundation.dynamicRouting.animations'
]).config(config).run(run)

config.$inject = ['$stateProvider', '$urlRouterProvider', '$locationProvider', 'IconicProvider']

This is what got Foundation Apps working for me with Rails.