如何在dust.js模板中使用javascript函数?

时间:2013-06-04 09:46:11

标签: data-binding templating dust.js client-side-templating templating-engine

我使用dust.js做客户端模板。我想在我的模板中使用javascript函数,函数会在模板中得到它的参数,即

例如:

mytemplate = " <span> Hi getName({id}) </span>"
myjson = { id : 1 }

在这种情况下,模板和json数据都是从服务器发送的,模板发生在客户端。

在上面的例子中,我会得到&#39; id&#39;来自json数据,并希望显示与该id对应的用户名。

我不熟悉模板。我想知道如何使用dust.js来完成。

谢谢:)

1 个答案:

答案 0 :(得分:2)

这可以通过在模板中创建脚本块来完成Dust.js:

{! Dust template !}
<script type="text/javascript">
  var userName = getName('{id|s|J');
  // Do whatever you want with the username
</script>

注意|s|j,这对安全过滤很重要。

但是,在您的特定用例中,最好只在JSON中发送用户的名称和ID:

{! Dust template !}
  <span id="user-{id}"> Hi {name} </span>

// JSON
{
  id: 1,
  name: smfoote
}