Bir Rails uygulamasının Haml görünümlerinde AngularJS'yi kullanma

Question

Haml görünümleri ile bir Rails uygulamasına sahibim. Şimdi uygulamanın bazı bölümlerine AngularJS eklemek istiyorum, ancak sorun, istemci tarafında oluşturulduğu için Haml görünümleri sunucu tarafı ve AngularJS kodunun çalışmadığıdır.

Sadece bu benim index.html.haml ben var diyelim:

!!! 
%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'}}. 

Yani şu anda, sadece aslında işlemeden kıvırcık parantez içinde her şeyi baskı oluyor. Çözümler vardır, ancak tam görünümünüzün bir AngularJS şablonuyla değiştirildiği durumlar içindir. AngularJS'yi temelde Rails uygulamasında küçük işlevler için kullanmak istiyorum. Bunun nasıl çözüleceğine dair bir fikrin var mı? Biraz burada kodunu düzenlediniz

Answer 1

John: http://codepen.io/anon/pen/vKiwH

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

ve javascript:

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