Rails 5 a Angular 1.x

Potrzebna pomoc
1

Cześć,

Utknąłem dzisiaj z rana i mam ogromną pustkę w głowie. Piszę nową aplikację - pomyślałem, że zrobię to w rails 5. Do tego mam angulara (1.5, 1.3 - próbowałem kilku). W czym jest problem? Otóż mam chcę przez n-repeat wyświetlić sekcje pobrane z /sections.json

<div class="container" ng-controller='SurveyController as survey'>
  <div ng-repeat='section in survey.s'>
    {{section}}
  </div>

Niby proste… ale schody zaczynają mi się w javascripcie. Od 10 dzisiaj próbuję wszystkiego co mi do głowy przyjdzie i wszystkiego co znajduję w necie. Za każdym razem efekt ten sam…

var app = angular.module('MyApp', []);
app.controller('SurveyController', function($scope, $http) {
  var promise = $http.get('/sections.json');
  promise.then(
	function(payload) {
		$scope.s = payload.data;
		console.log($scope.s); // 1
  });
  console.log($scope); // 2
  console.log($scope.s); // 3
});

No i teraz logi wyglądają tak:
//1 - tablica - prawidłowo
//2 - tablica po rozwinięciu której widzę sekcję “s” a w niej tablicę - prawidłową
//3 - undefined

Próbowałem na kilka sposóbów. Kasowałem wszystko, zaczynałem od nowa - przechodziłem na coffee, z powrotem, nowe rzeczy z googla itp. itd. Coś strasznie głupiego robię, że mi to nie działa i nie mam pojęcia już co…
Już mi przyszło do głowy, że może kwestia Railsów, że może coś się ładuje do javascipta wcześniej… ręce opadają…

2

Dzisiaj usunąłem .js - zrobiłem od nowa i proszę… działa jak trzeba…

angular.module('MyApp', [])
  .controller("SurveyController", function($scope, $http) {
  $this = this;
  $http.get('/sections.json').
    success(function(data, status, headers, config) {
      $this.sections = data;
    }).
    error(function(data, status, headers, config) {
      // log error
    });
  }
);

(czegoś takiego też wczoraj próbowałem)