灰尘迭代数组

Question

我正在使用 Kraken.js、灰尘、猫鼬。我有以下使用 mongoose 从 MongoDB 获得的对象。

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

我发送到我的模板的整个模型的名称是艺术家（单数）。

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

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

我尝试过关注 sn-ps，但它不起作用

{#.}
    <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" />