2013-03-30 2 views
3

오, 너는 역동적 인 언어의 하나님, Vim을 배웠고 오픈 소스를 사용하는 당신, 내기도를 들어라.템플리트 용 스크립트 태그없이 ember.js 사용

내 응용 프로그램을 만들려면 Ember.js을 사용하고 싶습니다. 그러나 나는 할 수 없다. 친애하는 하나님, 나는 가치없는 자바 개발자이며 "IDE"라는 불순한 소프트웨어를 사용하여 코드를 자동 완성하고 확인하는 데 도움이됩니다. 친애하는 하나님, 내가 사용하는 특정 IDE (Eclipse라고 불리는 모호하고 알려지지 않은 IDE, 아무도 사용하지 않는 IDE)는 내 핸들 바 템플릿이 포함 된 거룩하고 신성한 <script> 태그를 질식시키는 경향이 있습니다. 그 태그는 이단 IDE가 자바 스크립트를 생각하기 때문에 자동 완성과 코드 검사를 깬다. 이제는 가치가없는 사람이기 때문에 IDE에서 실수를 저질렀습니다. 따라서 현재 상황이 매우 슬프다.

IDE에서 HTML을 다시 작성하는 데 도움을 받으려면 친숙한 템플릿을 외부 파일에 저장하는 것이 좋습니다. 그런 다음 불결한 IDE에게 텍스트를 HTML로 구문 분석 한 다음 자신의 도구에 의지하는 개발자로서 비참한 삶을 계속하도록 지시 할 수 있습니다. 이상하게도 그 파일은 .html으로 끝날 것입니다. 왜냐하면 저의 끔찍한 환경이 실제로 파일 내용을 추측하기 위해 파일 확장명을 사용하기 때문입니다 (당신이 그런 스캔들을 믿을 수 있습니까?). 그러나 나는 .handlebars에 끝나는 무언가가 나를 죄인으로는 충분할 것이라고 생각합니다.

그래서, 내가 아는 한, 클라우드의 당신은 모든 일이 일어나게하기 위해 암송을 주문해야합니다. 내 app.js 그렇게 정의

(function(Ember, $) { 

    var App = Ember.Application.create(); 

}); 

})(Ember, jQuery); 

index.html이 포함 그래서

<!doctype html> 
<html> 
<head> 
    <title>Holy app</title> 
</head> 
<body> 
    <script type="text/javascript" src="/lib/underscore-1.4.4.js"></script> 
    <script type="text/javascript" src="/lib/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="/lib/handlebars-1.0.0-rc.3.js"></script> 
    <script type="text/javascript" src="/lib/ember-1.0.0-rc.1.js"></script> 
    <script type="text/javascript" src="/app.js"></script> 
</body> 
</html> 

내 외부 application.html를 작성 내에 무엇을 추가해야 말해 다음

<div id="prayers"> 
    <p> 
     Oh you who know all UNIX terminal command<br> 
     You who shall not support any legacy code and tools<br> 
    </p> 
    <p> 
     Make it so that this text appear in my browser<br> 
     So that all of us Java and C# sinner<br> 
     See the light and reveal in your dynamic way<br> 
    </p> 
    <p> 
     Pardon our sin when we believe that using automatic refactoring tool is useful<br> 
     And free us from our reliance on static typing to make less mistake<br> 
    </p> 
    {{holyAnswer}} 
</div> 

그래서 application.html의 내용 그 길을 index.html에서 찾으시겠습니까?

나는 에 대해 알고 있지만 내 약한 마음은 어떻게 작동하게 만들지, 어떻게 사용해야하는지 잘 모릅니다. 내 불순한 방법은 이미 컴파일을 포함하므로 자바 스크립트 빌드 도구를 사용할 수 있습니다.

오픈 표준에 대한 웹의 당신, 당신은 그 곤경에 빠지게 도와주세요.

편집

친애하는 신, 나는이 질문에 Is it possible to load handlebar template with script tag? Or define handlebar templates programmatically in Ember.js 알고 있지만, 대답은 어떻게 내 템플릿이 거룩한 ember.js 예에있는 이름이 <script> 태그에 해당 될 수 있도록 만드는 말하지 않습니다. 이 템플릿은 응용 프로그램 루트 인 것 같습니다. ember.js에 사용하는 방법을 모르겠습니다.

답변

2

외부에서 템플릿을 사전 컴파일해야합니다. 자바 개발자로서 Maven plugin이 좋을지도 모릅니다. 이 플러그인을 사용하면 템플릿을 컴파일 된 양식의 모든 템플릿이 포함 된 하나의 JS 파일으로 컴파일 할 수 있습니다. 그렇다면이 JS 파일을 HTML에 포함하면됩니다. 필자는 내 템플릿을 'templates.js'라는 파일로 컴파일합니다.이 경우 귀하의 HTML은 다음과 같습니다 :

<!doctype html> 
<html> 
<head> 
    <title>Holy app</title> 
</head> 
<body> 
    <script type="text/javascript" src="/lib/underscore-1.4.4.js"></script> 
    <script type="text/javascript" src="/lib/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="/lib/handlebars-1.0.0-rc.3.js"></script> 
    <script type="text/javascript" src="/lib/ember-1.0.0-rc.1.js"></script> 
    <script type="text/javascript" src="/templates.js"></script> 
    <script type="text/javascript" src="/app.js"></script> 
</body> 
</html> 
+0

감사합니다! 나는 그것에게 회전을 줄 것이다. (그리고 아침에 2시에 이상한 질문을 게시하는 것을 그만 둔다.) –

관련 문제