Handlebar.js가 내 템플릿을 새로 고치지 않습니다.

Question

OK. 내 HTML은 아래와 같습니다.

<div id="json"></div> 

<div id="content-placeholder"> 
    <script id="some-template" type="text/x-handlebars-template"> 
    <table> 
     <thead> 
     <th>col 1</th> 
     <th>col 2</th> 
     </thead> 
     <tbody> 
     {{#results}} 
     <tr> 
      <td>{{col_1}}</td> 
      <td>{{col_2}}</td> 
     </tr> 
     {{/results}} 
     </tbody> 
    </table> 
    </script>      
</div> 

위의 내용을 Handlebar.js를 통해 채우고 서버에서 데이터를 수신합니다. 여기에 코드가 있습니다.

$.get(get_data_url, function(data) 
{ 
    $('#json').empty().append(data); 
    var rows = eval('(' + data + ')'); 

    var source = $("#some-template").html(); 
    var template = Handlebars.compile(source);         
    $("#content-placeholder").empty().append(template(rows)); 
}); 

코드가 처음 실행되면 정상적으로 보입니다. 그러나 $ .get 두 번째 시간 (등)을 호출하면 템플릿이 새 데이터로 새로 고쳐지지 않습니다.

또한 전체 데이터 문자열을 인쇄하여 데이터가 서버에서 새로 고쳐지고 있는지 확인합니다.

Chrome에서 확인하면 'Uncaught TypeError :'null '중'match '메서드를 호출 할 수 없음을 알립니다.

"컴파일"과 관련이 있습니까?

Answer 1

이렇게 처음 :

$("#content-placeholder").empty()... 

귀하의 <div>이로 바뀝니다 :

<div id="content-placeholder"> 
</div> 

그리고 템플릿이 사라 졌어요. #content-placeholder 외부 어딘가에

<script id="some-template" type="text/x-handlebars-template"> 
    ... 
</script> 

: 템플릿을 이동합니다.