Structure du guidon

Question

J'ai une table utilisant un modèle de guidon. #each est déclaré dans la première ligne du tableau, la balise est déclarée dans la ligne suivante et la déclaration de fermeture #each est complétée dans la dernière ligne. <

P粉011912640 · Answer

Je ne sais pas pourquoi vous souhaitez terminer l'appel #each comme {{#each itemList}}. Cela produira du HTML complètement cassé.

Vous voulez que chaque élément de itemList 中的每个项目都有一个行 ，因此您需要确保行标记和 由 #each 包含，并且每个的外部的任何标记都是有效且封闭的 itemList ait une ligne , vous devez donc vous assurer que les lignes sont marquées code> et


 sont contenus par , et toute balise extérieure de chacun est valide et entoure  :
🎜🎜
🎜
const template = Handlebars.compile(`

     {{#each itemList}}
       
     {{/each}}
           
   
     
       Name
       Price
       Quantity
       Total
     
   
   
     
       
     

         {{name}}
         {{price}}
         {{qty}}
         {{total}}
       

       
     
  

`);

const data = {
  itemList: [
    {
      name: 'One',
      price: 1,
      qty: 1,
      total: 1
    },
    {
      name: 'Two',
      price: 2,
      qty: 2,
      total: 4
    }
  ]
};

const output = template(data);

document.body.innerHTML = output;



🎜