是否可以在脚本中将 pug 每个放入数组中?

问题描述 投票:0回答:1

我在单独的projectTemplate.pug中有这样一个变量:

-
    var projectTemplate = [
        { full: full250, tiny: tiny250, class: classPhotoset }, 
        { full: full249, tiny: tiny249, class: classPhotoset }, 
        { full: full248, tiny: tiny248, class: classPhotoset }, 
        { full: full247, tiny: tiny247, class: classPhotoset }
    ]

在脚本之外,我可以做这样的事情:

div
    each photo in projectTemplate
        a(class=photo.class)(href=photo.full)
            img(src=photo.tiny)

是否可以在脚本中执行

each

输出应该是这样的:

script.
    availableImgs = [
        { src : "#{src=tiny250}", href : '#{src=full250}', class : '#{src=classPhotoset}'},
        { src : "#{src=tiny249}", href : '#{src=full249}', class : '#{src=classPhotoset}'},
        { src : "#{src=tiny248}", href : '#{src=full248}', class : '#{src=classPhotoset}'},
        { src : "#{src=tiny247}", href : '#{src=full247}', class : '#{src=classPhotoset}'}
    ]
javascript html pug
1个回答
0
投票

没有问题中概述的任务,问题就更容易解决。数组(或对象)

available Imgs
以这种方式分配数组(或对象)pug
projectTemplate
的值:

script.
    availableImgs = !{JSON.stringify(projectTemplate)};

我希望这对某人有帮助!

© www.soinside.com 2019 - 2024. All rights reserved.