尘埃迭代过阵列

Question

我用的是Kraken.js，灰尘，猫鼬。我用猫鼬从MongoDB获得了以下对象。

artist = {
    "_id" : ObjectId("xxxxxxxx"),
    "first_name" : "myName",
    "last_name" : "myLastname",
    "description" : "Sample Description here",
    "thumbnail" : "thumbnail.jpg",
    "works" : [ 
        "art1.jpg", 
        "art2.jpg"
    ]
}

我发送给模板的整个模型的名称是艺术家(单数)。

我想为每个image成员生成works标记。

<img src="art1.jpg" />
<img src="art2.jpg" />

我试过跟踪片段，但它不起作用

{#.}
    <img src="./../../images/artists/{.works}" alt="" />
{/.}

{#artist.works}
    <img src="./../../images/artists/{.works}" alt="" />
{/.artist.works}

上面印着“”

真心感谢你的帮助

Answer 1

TL/DR:

1. 如果传递的上下文是artist对象，那么只需要迭代works对象。
2. 如果传递的上下文是一个包含artist对象的对象，那么您需要使用artist.works进行迭代。

这是您的示例的工作版本。

​

var data = {
  "artist": {
    "first_name": "myName",
    "last_name": "myLastname",
    "description": "Sample Description here",
    "thumbnail": "thumbnail.jpg",
    "works": [
      "art1.jpg",
      "art2.jpg"
    ]
  }
};

var compiled = dust.compile('<ul>{#artist.works}<li><a href="{.}" >{.}</a></li>{/artist.works}</ul>', 'hello');
// Register the template with Dust
dust.loadSource(compiled);
// Render the template
dust.render('hello', data, function(err, out) {
  // `out` contains the rendered output.
  document.getElementById('output').innerHTML = out;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/dustjs-linkedin/2.7.5/dust-full.js"></script>

<div id="output" />

​