クイック入門template.js

1192 ワード

template.jsはjavascriptテンプレートエンジンです.多くの時にajaxでデータを要求してページをレンダリングします.個人的にはこれを使うととても便利です.
まずtemplate.jsを導入しなければなりません.
テンプレートを


ajax请求出数据后

$.ajax({
	   		url:'',
	   		type:'get', 	
	   		dataType: 'json',
		        success: function (data) {
	        	  var list = template(`tem1`, data);
            	          $('#box').html(list);
	           
	                }
   		})
テンプレート遍歴または条件判断、インデクスはインデックスです.

    {{ each data as value index }}    
        <ul>
            {{if value.is_on == 0}}
            <li data-id={{value.id}}>
               <p>{{value.name}}</p>
               <p>{{value.age}}</p>
            </li>
            {{else if value.is_on == 1}}
               ..........    
            {{/if}}
        </ul>
    {{ /each }}
あなたもこのラベルのユーザー定義属性を利用して、必要な値を取得してもいいです.もちろんオンロックイベントを結びつけることもできます.