Angular in rails mounted engine

Question

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

in master applications:

ng-app to the main html tag
angular.js file in assets/javascript

in the rails mounted engine:

div ng-controller="Ctrl" with {{ title }}

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.

Do you add ng-app="app"? because you should define a name. — Alexander Kireyev
– Alexander Kireyev, Commented May 1, 2014 at 11:39
thanks, but that causes an Uncaught Error: [$injector:modulerr]. i this error happens when using modules you did not include, but i just used a simple {{var}} — adam
– adam, Commented May 1, 2014 at 11:56
Perhaps you should inject $scope: .controller('Ctrl', ['$scope', function($scope) { $scope.title = "42"; })]; — Alexander Kireyev
– Alexander Kireyev, Commented May 1, 2014 at 11:57
Also 'use strict'; at the start of js file is recommended by ng docs, but i don't think it affects. — Alexander Kireyev
– Alexander Kireyev, Commented May 1, 2014 at 12:02

Alexander Kireyev · Accepted Answer · 2014-05-01 12:11:09Z

2

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">

edited May 1, 2014 at 12:11

answered May 1, 2014 at 12:04

Alexander Kireyev

10.8k13 gold badges68 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

adam Over a year ago

friend wait, i noted it doesnt work yet... using it "as is" prompts an error "Unexpected token )" so i changed closing to closing to "}] )" - no error- but doenst work

adam Over a year ago

after changing to }]) no errors - but does not work as before. using rootscope also not...

Alexander Kireyev Over a year ago

Really strange. Don't know what else to recommend, do you have repository? Maybe i could notice something.

adam Over a year ago

well, the git repository for entire project is company private, so cant, but we can maybe work around it: i can show your example to several people and maybe will get whats not working for us. anyways, thanks :)

Collectives™ on Stack Overflow

Angular in rails mounted engine

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related