Подтвердить что ты не робот

Использование AngularJS в представлениях Haml приложения Rails

У меня есть приложение Rails с представлениями Haml. Теперь я хочу добавить AngularJS в некоторые части приложения, но проблема в том, что представления Haml отображаются на стороне сервера, а код 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. Я хочу использовать AngularJS в основном для небольших функций в моем приложении Rails. Есть идеи, как это решить?

4b9b3361

Ответ 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();
}