[単純]JsRenderは文字列をテンプレートとして使用

1209 ワード

JsRendererは、次のコードに示すように文字列をテンプレートとして使用できます.
      
<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>JsRender         </title>  
<style>  
.hide {   
    display: none;   
}   
</style>  
<script type="text/javascript" src="../../js/jquery-2.1.0.js"></script>  
<script type="text/javascript" src="../../js/jsviews/jsviews.js"></script>  
</head>  
<body>  
    <div id="testDiv"></div>  
    <script>  
        var temp = '<input type="text" id="{{:V_KEY}}" name="{{:V_KEY}}" value="{{:V_NAME}}">';   
        var varObj = {   
            V_KEY : "  ",   
            V_NAME : "   "   
        };   
        var html = $.templates(temp).render(varObj);   
        $("#testDiv").html(html);   
    </script>  
</body>  
</html>  

 
    結果は入力ボックスを表示します.
      全文が終わる.