循环语句
你可以使用@each
标签遍历objects
和arrays
。它的工作原理类似于 JavaScript 中的for of
循环。
view.render('users', {
users: [
{
username: 'virk',
},
{
username: 'romain',
},
{
username: 'nikk',
},
]
})
@each(user in users)
<li> {{ user.username }} </li>
@end
你可以访问循环索引,如下例所示
@each((user, index) in users)
<li> {{ index + 1 }} {{ user.username }} </li>
@end
同样,你也可以遍历一个对象并访问它的键和值。
view.render('recipes', {
food: {
ketchup: '5 tbsp',
mustard: '1 tbsp',
pickle: '0 tbsp'
}
})
@each((amount, ingredient) in food)
<li> Use {{ amount }} of {{ ingredient }} </li>
@end
@each
标签与其中的异步代码一起工作得很好。这是一个相同的例子。.
view.render('users', {
users: [
{
username: 'virk',
posts: async () => [{ title: 'Adonis 101' }],
},
{
username: 'romain',
posts: async () => [{ title: 'Flydrive 101' }],
}
]
})
@each(user in users)
<h2> {{ user.username }} posts </h2>
@each(post in await user.posts())
<p> {{ post.title }} </p>
@end
@end
本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。