如何使用jQueryTemplate呈現單個JSON屬性

Question

使用jQueryTemplate呈現單個JSON屬性的最簡單方法是什麼？

Answer 1

最簡單的將是這樣的：

<div id="content"></div> 

<script id="mainTmpl" type="text/html"> 
    <span>${message}</span> 
</script> 

<script type="text/javascript"> 
    var data = { 
    message: "hello world" 
    }; 
    $("#mainTmpl").tmpl(data).appendTo("#content"); 
</script> 

如果您不想定義模板，你甚至可以這樣做：

<div id="content"></div> 

<script type="text/javascript"> 
    var data = { 
    message: "hello world" 
    }; 
    $("<span>${message}</span>").tmpl(data).appendTo("#content"); 
</script> 

如果你只是傳遞一個值，那麼你可以使用$數據訪問它想：這裏

<div id="content"></div> 

<script id="mainTmpl" type="text/html"> 
    <span>${$data}</span> 
</script> 

<script type="text/javascript"> 
    var data = "hello world"; 
    $("#mainTmpl").tmpl(data).appendTo("#content"); 
</script> 

樣品：http://jsfiddle.net/rniemeyer/2evHS/