Haml的意见Rails应用程序内使用AngularJS [英] Using AngularJS within Haml views of a Rails app
问题描述
我有Haml的意见Rails应用程序。现在我想AngularJS添加到应用程序的某些部分,但问题是,Haml的观点被渲染服务器端和AngularJS code是不工作的,因为它呈现的客户端。
I have a Rails app with Haml views. Now I want to add AngularJS to some parts of the application, but the problem is that the Haml views are rendered server-side and the AngularJS code is not working, because it is rendered client-side.
让我们说我有这只是在我的index.html.haml:
Let's say I have just this in my 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应用程序的功能小位。任何想法如何解决这个问题?
So currently, it's just printing out everything within the curly brackets without actually processing it. There are solutions but they for situations where your complete view is replaced by an AngularJS template. I want to use AngularJS mainly for small bits of functionality in my Rails app. Any ideas how to solve this?
推荐答案
约翰,
我在这里编辑您的codeA位:的http:// codePEN .IO /匿名/笔/ vKiwH
I have edited your code a bit here: 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是:
and the javascript is:
function clock($scope) {
$scope.currentTime = new Date().getTime();
}
这篇关于Haml的意见Rails应用程序内使用AngularJS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!