pug에서 드롭 다운을 채우는 방법

Question

핸들 바에서 pug로 전환하기 pug에서 드롭 다운을 채우는 방법을 모르겠습니다. 내가 할 수있는 핸들에서

<script type='text/javascript'> 
    $('.ui.dropdown').dropdown('set selected', [{{#each trip.tags}}'{{this}}',{{/each}}]); 
</script> 

누구나 pug에서 가장 좋은 방법은 무엇인지 실마리가 있습니까?

Answer 1

템플릿 렌더링의 일부로 JavaScript 값을 생성하는 것처럼 보입니다. this이 올바르게 이스케이프 처리되지 않은 경우 (또는 "과 같은 값이 "으로 표시 될 수있는 경우) 마크 아웃에서 수행 한 접근 방식은 XSS 공격을 유발할 수 있습니다.

스크립트에 템플릿 값을 삽입해야 할 경우 js-stringify을 사용하는 것이 좋습니다. 이렇게하려면 npm을 사용하여 js-stringify을 설치해야합니다. 그런 다음 현지인에게 포함시켜야합니다. 예 :

script(type='text/javascript'). 
    $('.ui.dropdown').dropdown('set selected', !{stringify(trip.tags)}); 

N.B. :

pug.renderFile('my-template.pug', {stringify: require('js-stringify')}); 

그럼 당신은로 사용할 수 있습니다 js-stringify은 렌더링 전에 값을 올바르게 이스케이프 처리하기 때문에 !{...} 구문을 사용하는 것이 안전합니다.