RailsアプリケーションのHamlビュー内でのAngularJSの使用

Question

私はHamlビューのRailsアプリケーションを持っています。アプリケーションのいくつかの部分にAngularJSを追加したいのですが、Hamlビューがサーバー側でレンダリングされ、AngularJSコードがクライアント側でレンダリングされるため、AngularJSコードが機能しないという問題があります。

のは、私はちょうどこの私の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'}}. 

ので、現在、それだけで、実際にそれを処理せずに、中括弧内のすべてのものをプリントアウトしています。解決方法はありますが、完全なビューがAngularJSテンプレートに置き換えられている状況での解決策です。私はAnglesJSを主に私のRailsアプリケーションの小さな機能用に使いたいと思っています。任意のアイデアをどのようにこれを解決するには？私は少しここにコードを編集した

Answer 1

ジョン、：http://codepen.io/anon/pen/vKiwH

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

とJavaScriptは次のとおりです。

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