Handlebars.js가 태그를 바꾸지 않습니다

간단한 예제를 사용하여 Handlebars.js을 사용하고 있습니다. 실제 태그를 데이터로 대체하지는 않습니다.Handlebars.js가 태그를 바꾸지 않습니다

<script id="template" type="text/x-handlebars-template"> 
    <div>Test Template</div> 
    <p>Name: {{name}}</p> 
    </script> 

    <div id="template-preview"></div> 

<script> 
var source = $("#template").html(); 
var template = Handlebars.compile(source); 
var data = { name : 'first name'}; 
$("#template-preview").html(template(data)); 
</script>

내가 오류를 얻을하지 않습니다 그것은 템플릿 미리보기에서 템플릿을 표시하지만, {{name}}이 비어 :

여기에 내가 가진거야. 어떤 아이디어라도 내가 여기 뭔가 빠진다면?

감사합니다.

출처

2012-04-05 dzm

Handlebars에 대한 새로운 내용이 있습니다.하지만 캐시 된/미리 컴파일 된 템플릿을 가져올 수 있습니까? –

나를 위해 작동합니다 (Chrome에서 테스트 됨). 어떤 버전의 핸들 바를 사용하고 있습니까?

<!doctype html> 
<head> 
</head> 
<body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> 
    <script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script> 
    <script id="template" type="text/x-handlebars-template"> 
    <div>Test Template</div> 
    <p>Name: {{name}}</p> 
    </script> 
    <div id="template-preview"></div> 

    <script> 
     var source = $("#template").html(); 
     var template = Handlebars.compile(source); 
     var data = { name : 'Michael'}; 
     $("#template-preview").html(template(data)); 
    </script> 
</body> 
</html>

출처

2012-04-05 22:25:08 lowik

흠, 혼자서도 저에게 효과적입니다. 또한 Head.js를 사용하고 있습니다. 아마도 그 코드와 관련이 있습니다. – dzm

코드를 더 많이 표시하여 정확히 사용하고 있는지 확인할 수 있습니까? – lowik

아 - 핸들 바 안에 핸들 막대를 사용하고 있기 때문에 생각합니다. node.js에 핸들 막대를 사용하고 거기에 템플릿에 다른 코드가 있습니다. – dzm

Handlebars.js가 태그를 바꾸지 않습니다

답변

관련 문제