Node.js express,Handlebar-获取数组元素
我有这样一个数组:Node.js express,Handlebar-获取数组元素,node.js,handlebars.js,Node.js,Handlebars.js,我有这样一个数组: var arr = ["element1","element2"]; 我想把它的元素放在一个把手文件里 我在谷歌上搜索没有结果我找到的唯一解决方案是: {{#each files}} <a href="/"{{path}}"">{{title}}</a> {{/each}} 我不知道如何在客户端进行迭代,使数组中的所有元素都可以下载 在客户端,我有一个无序列表,其中包含链接。问题是,我不知道如何做到这一点 客户端的代码: <div id="c
var arr = ["element1","element2"];
我想把它的元素放在一个把手文件里
我在谷歌上搜索没有结果我找到的唯一解决方案是:
{{#each files}}
<a href="/"{{path}}"">{{title}}</a>
{{/each}}
我不知道如何在客户端进行迭代,使数组中的所有元素都可以下载
在客户端,我有一个无序列表,其中包含链接。问题是,我不知道如何做到这一点
客户端的代码:
<div id="container">
<div class="highlight">
<img src="img/highlight.png"></img>
<p>A Click to download</p>
</div>
<ul>
<li class="RoundedAll"><a href="/">Back</a></li>
</ul>
<br />
<ul>
<!-- What should I put here? -->
</ul>
</div>
点击下载
感谢您的回答。首先,让我们假设您的
文件:items
是一个把手阵列,看起来有点像这样
{ files:['filenameOne.ext', 'filenameTwo.ext', 'filenameThree.exe'] };
现在,当您在响应中编写了这段代码,并且希望在handlebar.js中的数组上循环时,您的HTML应该是这样的,使用您的代码
<div id="container">
<div class="highlight">
<img src="img/highlight.png"></img>
<p>A Click to download</p>
</div>
<ul>
<li class="RoundedAll"><a href="/">Back</a></li>
</ul>
<br />
<ul>
{{#each files}}
<li>{{this}}</li>
{{/each}}
</ul>
</div>
点击下载
{{{#每个文件}
- {{this}}
{{/每个}}
{{this}}
将包含列表中包含的文件名。
若要访问,您必须创建一个
它的语法更加“清晰”,但考虑到定制车把的不同方式,它可能比车把更糟糕。为了实现这一点,您需要一个键:值对
var arr = {path: "element1", title: "element2"};
以下是:
var arr = {path: "downloads/mynewdownload", title: "My New Download"};
{{#each arr}}
<a href="/{{path}}">{{title}}</a>
{{/each}}
var arr={path:“下载/mynewdownload”,标题:“我的新下载”};
{{{#每个arr}
{{/每个}}
将产生:
<div id="container">
<div class="highlight">
<img src="img/highlight.png"></img>
<p>A Click to download</p>
</div>
<ul>
<li class="RoundedAll"><a href="/downloads/mynewdownload">My New Download</a></li>
</ul>
<br />
</div>
点击下载
如果您有多个键值对,则可以将它们存储在一个数组中,并以相同的方式进行访问。尝试以下操作:
<ul>
{{#each people}}
<li>{{this}}</li>
{{/each}}
</ul>
{{{每个人}
- {{this}}
{{/每个}}
更好吗?如果没有,你能发布一个你想要实现的伪代码吗?我有一个代码:app.get('/download',function(req,res){var items;fs.readdir('./download',function(err,files){for(var I=0;我好的,你能更新你的问题以反映这个要求吗?另外,请发布你已经尝试过的内容。
<ul>
{{#each people}}
<li>{{this}}</li>
{{/each}}
</ul>