如何在帕格填充下拉列表

Question

從帕格轉換到帕格我不知道如何在帕格填充下拉列表。在車把上，我可以做

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

任何人都知道帕格最好的做法是什麼？

Answer 1

看起來您正在嘗試將JavaScript值生成爲模板呈現的一部分。如果this沒有正確轉義（或者它可能只是導致值"顯示爲"），則您在降價中採取的方法可能會導致XSS攻擊。

在pug中，我們建議在需要將模板值嵌入到腳本中時使用js-stringify。爲此，您需要使用npm安裝js-stringify。然後你需要把它包含在你的本地人中。例如

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

然後你可以使用它作爲：

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

注：使用!{...}語法只是安全的，因爲js-stringify在呈現前正確地轉義值。