Problem z Angular & Rails data-binding

Cześć,
trudne początki z angularem i rails. Nie wyświetla mi tego co jest pomiędzy {{ }}. Tak wyglądają moje pliki:

app/views/layouts/application.html.haml
!!! %html{"ng-app" => ""} %head %meta{:name => "viewport", :content => "width=device-width, initial-scale=1.0"} %title Workout = stylesheet_link_tag 'application', media: 'all' = javascript_include_tag 'application', controller_name = csrf_meta_tags %body %header = render 'layouts/header' .container = yield

app/views/trainings/index.html.haml
`%div{“ng-controller” => “IndexCtrl”}
%h1 {{ title }}

app/assets/javascripts/controllers/trainingsIndexCtrl.js.coffee
@IndexCtrl = ($scope) -> $scope.title = "My blog"
app/assets/javascripts/trainings.js.coffee
#= require_self #= require_tree ./controllers
Nie wyświetla mi “My blog” tylko dosłownie {{ title }}.
Sprawdzałem {{ 1 + 1 }} działa dobrze.
Coś polecacie zrobić ?
Z góry dzięki

Czy ustawiłeś odpowiednio routing w angularze?
Druga rzecz która mnie zastanawia to
%html{"ng-app" => ""} tutaj powinna być nazwa twojego modułu “głównego”, do którego później dokładasz kontrollery, dyrektywy itp.

Routing zawsze musi być ? Jak miałby wyglądać, możesz na moim przykładzie pokazać ?

Tak musi być, tutaj masz więcej info:
https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating#angular-application w tej i następnej sekcji jest pokazane jak wygląda routing/controllery.

Nie musi być routingu. Wrzuć to w jsfiddle, wtedy będzie można coś poradzić.