Question

자바 스크립트를 중첩 된 mustache.js 템플릿에서 다음과 같이 렌더링 할 수 있습니까?

myApp.mustache :

{{#myapp}} 
{{>userApp}} 
{{/myapp}} 

userApp.mustache :

{{#user}} 
<script> 
    $(function() { 
    $("a[id='a_popover_{{username}}']").popover() 
    }) 
</script> 
{{/user}} 

템플릿은 pystache (파이썬의 콧수염 라이브러리)로 제대로 렌더링하지만, mustache.js, handlebars.js, ICanHaz.js , ICanHandlebarz.js 모두 #user가 제대로 닫히지 않았다고 불평합니다.

Answer 1

확실히 </script> 비트가 문제가되면 브라우저는이를보고 템플릿 스크립트의 끝으로 구문 분석합니다. <\/script>

Answer 2

자바 스크립트 코드가 렌더링 된 경우에도 본문에 추가 한 후에 실행되지 않았기 때문에 비슷한 문제가 발생했습니다. 새 스크립트 요소를 만드는 것으로 끝났습니다. 같은 끈. 내 경우에 대한

$('script:last').html('alert("ok !")'); // won't work 

샘플 코드 :

var render = Mustache.to_html(template, data_sources); 
var sc = document.createElement('script'); 
sc.innerHTML = render; 
var p_div = document.getElementById('template_wrap_div').parentNode; 
p_div.innerHTML = ""; 
p_div.appendChild(sc); 

희망 몇 가지 아이디어와 도움을 제공합니다.