ruby on rails 3 - Usando AngularJS dentro de las vistas de Haml de la aplicación Rails

ruby-on-rails-3

Question

Tengo una aplicación de Rails con vistas de Haml. Ahora quiero agregar AngularJS a algunas partes de la aplicación, pero el problema es que las vistas de Haml se muestran en el lado del servidor y el código AngularJS no funciona, porque se muestra en el lado del cliente.

Digamos que tengo esto en mi 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''}}.

Por lo tanto, actualmente solo imprime todo dentro de las llaves sin procesarlo realmente. Hay soluciones, pero para situaciones en las que su vista completa es reemplazada por una plantilla AngularJS. Quiero usar AngularJS principalmente para pequeños fragmentos de funcionalidad en mi aplicación Rails. ¿Alguna idea de como resolver esto?

Answer 1

John,

He editado su código un poco aquí: http://codepen.io/anon/pen/vKiwH

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

y el javascript es:

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