在Rails应用的Haml视图中使用AngularJS

Question

在Rails应用的Haml视图中使用AngularJS

21

我的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模板替换的视图的情况。我想在我的Rails应用程序中主要使用AngularJS来实现小的功能。有什么解决办法吗？

- John

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Leon · Accepted Answer

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

并且 JavaScript 代码是：

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