分類  >  Web前端 >

underscore根本用法

tags:    時間:2013-12-09 23:28:13
underscore基本用法

<div id="result">

</div>

<!-- 導入underscore庫 -->

<script type="text/javascript" src="js/underscore.js"></script>

<!-- 設置模板 -->

<script id="template_result" type="text/template">

{{

    _.each(dataList,function(item){

}}

<p>{%=item.name%}</p>

{{

    });

}}

</script>

 

<script type="text/javascript">

             // 設置模板解析規則
            _.templateSettings = {
                evaluate:/\{%([\s\S]+?)%\}/g, // {%=val%} 獲取變數用法
                interpolate : /\{\{\:(.+?)\}\}/g   // {{表達式}} 表達式用法
            };

           var dataList = [

             {name:"john"},

             {name:"tom"}

           ];

           // 根據數據填充模板並返回結果HTML

           var resultHTML = _.template($("#template_result").html(), dataList);

           // 將返回結果填充到頁面

           $('#result').html(resultHTML);

</script>

推薦閱讀文章

Bookmark the permalink ,來源:互聯網