Angular in rails mounted engine

Question

i wish to use angular in rails mounted engine. now what i added:

in master applications:

in the rails mounted engine:

 var app = angular.module('app', []).controller('Ctrl', function($scope) { $scope.title = "42"; });

now what i got is:

instead of 42 i see {{title}}
when i console.log(angular) i see its defined
if instead of ng-app in master application i use angular.bootstrap it doesn't work
if i do angular.bootstrap after 5 seconds, it works (tried document.ready, doesn't help)

now most how'tos i saw either were not complete or required a lot of dependencies and refactoring and i hope it can be done faster.

Answer 1

Use $scope :

'use strict';

angular.module('app', []).controller('Ctrl', ['$scope', function($scope) {
  $scope.title = "42";
}]);

Or you can inject '$rootScope'

in template:

 <body ng-app="app">