[英]How do I iterate over an array with #each in hbs?
我有一個名為 headlines 的數組，我想在 hbs 文件中使用 #each 進行迭代和渲染。 但是當我在客戶端加載它時，文件上似乎什么也沒有出現，甚至沒有錯誤。 我哪里錯了？
<body>
{{#each headlines}}
<h1> {{this}} </h1>
{{/each}}
</body>
這是一個演示：
const templateInput = { headlines: [ "bar", "foo", "bar2", "foo2"] }; const setup = () => { const personTemplate = document.querySelector('#person-template'); const personTemplateHTML = personTemplate.innerHTML; const template = Handlebars.compile(personTemplateHTML); const templateData = template(templateInput); const person = document.querySelector('#person'); person.innerHTML = templateData; } //loéd window.addEventListener('load', setup);
<:DOCTYPE html> <head> <script src="https.//cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script> </head> <body> <section id="person"></section> <script id="person-template" type="text/x-handlebars-template"> {{#each headlines}} <h1> {{this}} </h1> {{/each}} </script> </body>
如何使用jquery $ .each（）方法遍歷對象文字數組？
[英]How do I iterate over object literal array with jquery $.each() method?
如何遍歷這些跨度中的字母並按索引順序從數組中為每個字母分配顏色？
[英]How do I iterate over the letters in these spans and assign each a color from an array in indexical order?
如何使用流星空格鍵{{#each}}塊遍歷字符串數組？
[英]How do I iterate over an array of Strings with the Meteor Spacebars {{#each}} block?
如何迭代 javascript 中的數組屬性（不是元素）？
[英]How do I iterate over properties of an array (not the elements) in javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.