Używanie AngularJS w widokach Haml aplikacji Railsy

Question

Mam aplikację Rails z widokami Haml. Teraz chcę dodać AngularJS do niektórych części aplikacji, ale problem polega na tym, że widoki Haml są renderowane po stronie serwera, a kod AngularJS nie działa, ponieważ jest renderowany po stronie klienta.

Powiedzmy, że właśnie to w moim index.html.haml:

!!! 
%html{"ng-app" => "Test"} 
    %head 
    %script{:src => "http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"} 
    :javascript 
     function Clock($scope) { 
     $scope.currentTime = new Date(); 
     } 
    %title Welcome to AngularJS 
    %body 
    %h1 Hello, World. 
    %p{"ng-controller" => "Clock"} 
     The current time is {{currentTime | date:'h:mm:ss a'}}. 

więc obecnie, to tylko drukowanie wszystko wewnątrz nawiasów klamrowych bez faktycznie przetwarzanie. Istnieją rozwiązania, ale w sytuacjach, w których cały widok jest zastępowany szablonem AngularJS. Chcę używać AngularJS głównie dla małych bitów funkcjonalności w mojej aplikacji Rails. Wszelkie pomysły, jak to rozwiązać?

Answer 1

John

Mam edytowany kod nieco tutaj: http://codepen.io/anon/pen/vKiwH

%html{"ng-app"=>true} 
%p{"ng-controller" => "clock"} 
    The current time is {{currentTime | date:'h:mm:ss a'}}. 

i JavaScript jest:

function clock($scope) { 
    $scope.currentTime = new Date().getTime(); 
}