data-binding - 如何在dust.js模板中使用javascript函数？

Question

我正在使用dust.js 来做客户端模板。我想在我的模板中使用一个 javascript 函数，该函数会在模板中获取它的参数，即

前任：

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

在这种情况下，模板和 json-data 都是从服务器发送的，模板化发生在客户端。

在上面的示例中，我将从 json 数据中获取“id”，并希望显示与该 id 对应的用户名。

我是模板新手。我想知道如何使用dust.js 来做到这一点。

谢谢：）

score 2 · Accepted Answer

这可以通过在模板中创建一个脚本块来使用 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
}

1 回答 1