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

Question

Фон

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

Проблема

Чтобы убедиться, что все работает правильно, у меня есть очень простой файл _home.html в приложение/активов/JavaScripts/дома и которые должны быть загружены через UI-маршрутизатор под «домом '(конфигурация ui-router находится в app.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

Answer 1

моего javascript_include_tag имел некоторый ошибочный текст после «применения»