クイック入門template.js
1192 ワード
template.jsはjavascriptテンプレートエンジンです.多くの時にajaxでデータを要求してページをレンダリングします.個人的にはこれを使うととても便利です.
まずtemplate.jsを導入しなければなりません.
まず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 }}
あなたもこのラベルのユーザー定義属性を利用して、必要な値を取得してもいいです.もちろんオンロックイベントを結びつけることもできます.