Интеграция Angular.js с Rails

Задний план

Я начинаю с создания приложения с интерфейсом Angular.js и задней частью Rails. Работая с учебником по мышлению, я считаю, что мне просто нужно беседка, чтобы помочь мне установить угловые и загрузочные пакеты (в основном, зависимостей переднего плана). Затем мне нужно будет потребовать пакеты через конвейер активов в Rails, использовать несколько дополнительных драгоценных камней, и мне должно быть хорошо идти.

проблема

Чтобы убедиться, что все работает правильно, у меня есть очень простой файл _home.html в app/assets/javascripts/home, который должен быть загружен через ui-router в состоянии "home" (настройка ui-router в приложении. JS). Конечным результатом должна быть страница, отображающая "ScholarShipIt" и "Home Template", когда состояние ui-view загружено правильно. Однако он просто отображает "ScholarShipIt", который говорит мне, что состояние не загружается.

Исправление проблем

Я попытался вывести текст на консоль в разных местах в файлах js, чтобы увидеть, где вещи загружаются. Я также попытался установить $ scope.test в файле app.js, а затем настроить выражение для отображения этого значения, но это тоже не сработало. Мое впечатление, что угловые пакеты не загружаются должным образом, и я не уверен, что мне не хватает.

Образцы кода

Используемые драгоценные камни

gem 'angular-rails-templates'
gem 'angular-ui-bootstrap-rails'
gem 'angular_rails_csrf'
gem 'responders'
gem 'sprockets'

application.js

//= require angular
//= require angular-rails-templates
//= require angular-ui-router
//= require angular-ui-bootstrap
//= require_tree .

app.js

(function(){
  var app = angular.module('scholarShipIt', ['ui.router','templates']);

  app.config(function($stateProvider, $urlRouterProvider){

    $stateProvider
      .state('home', {
      url: '/home',
      controller: 'HomeController',
      templateUrl: 'home/_home.html'
    });

  $urlRouterProvider.otherwise('home');
  });

}());

HomeController.js

(function() {
  var app = angular.module('scholarShipIt');

  var HomeController = function($scope) {
    $scope.test = "testing";
  };
  console.log("test");

  app.controller('HomeController', HomeController);
}());

Основной вопрос

Что мне не хватает в моем приложении, чтобы Rails загружал угловые файлы?

(Мне было бы интересно узнать, как вы обычно настраиваете приложение для этого)

GitHub Repo