Angular and Rails

Question

I was following a tutorial on implementation of angular and rails and I ran into problems performing data binding. I followed the tutorial perfectly but I hit a stumbling block I cannot solve. I am trying to display the value of foo in public/templates/home.html.

Here is my code:

public/templates/home.html

 Value of "foo": {{ foo }}

app/assets/angular/controllers/HomeCtrl.js.coffee

 @restauranteur.controller 'HomeCtrl', ['$scope', ($scope) ->
     $scope.foo = 'bar'
   ]

app/assets/javascripts/main.js.coffee

@restauranteur = angular.module('restauranteur', [])
@restauranteur.config(['$routeProvider', ($routeProvider) ->
  $routeProvider.
    otherwise({
      templateUrl: '../templates/home.html',
      controller: 'HomeCtrl'
    }) 
])

app/assets/javascripts/angular/controllers/HomeCtrl.js.coffee

@restauranteur.controller 'HomeCtrl', ['$scope', ($scope) ->
]

I think this tutorial is incorrect. It tells the reader to create 2 directories with the same name. — chopper draw lion4
– chopper draw lion4, Commented Sep 4, 2014 at 7:10

chopper draw lion4 · Accepted Answer · 2014-09-04 07:12:52Z

1

The tutorial I was following incorrectly told me to create 2 controllers with the same name. Once I deleted the controller app/assets/angular/controllers/HomeCtrl.js.coffee I was good to go.

answered Sep 4, 2014 at 7:12

chopper draw lion4

13.7k18 gold badges62 silver badges105 bronze badges

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

Comments

Ravi · Accepted Answer · 2014-09-04 07:21:34Z

0

Check and see if main.js.cofee file is included, in your chrome console under sources tab. I also had the same issue. This issue comes when you do //=require ./angular or something like that. If you want the file to get included, then just paste it under app/assets/angular directory and after that you might have to shift your angular directory inside app/assets/javascript directory.

answered Sep 4, 2014 at 7:21

Ravi

1,37012 silver badges20 bronze badges

Collectives™ on Stack Overflow

Angular and Rails

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related