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 chopper draw lion4 · Accepted Answer · 2014-09-04T07:12:52

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.

Angular and Rails

2 Answers